تم الحل: datalist html

المشكلة الرئيسية تتعلق بـ HTML العنصر هو أنه غير مدعوم من قبل جميع المتصفحات. حاليًا ، يدعم Chrome و Firefox و Edge فقط ملفات جزء. بالإضافة إلى ذلك ، لا تدعم بعض متصفحات الجوال العنصر أيضًا. هذا يعني أن المستخدمين في المتصفحات غير المدعومة لن يتمكنوا من استخدام وظيفة عامل البيانات.

<datalist id="browsers">
  <option value="Chrome">
  <option value="Firefox">
  <option value="Internet Explorer">
  <option value="Opera">
  <option value="Safari">
</datalist>

1. ينشئ هذا الرمز عنصر HTML يسمى datalist ، والذي يستخدم لإنشاء قائمة من الخيارات لحقل الإدخال.
2. البيانات لديها سمة معرف "المتصفحات".
3. يوجد داخل قائمة البيانات خمسة عناصر خيار ، لكل منها سمة قيمة تحتوي على اسم متصفح الويب (Chrome و Firefox و Internet Explorer و Opera و Safari).
4. سيتم استخدام هذه القيم كاقتراحات عندما يكتب المستخدم في حقل الإدخال المرتبط بقاعدة البيانات هذه.

ما هي علامة البيانات

HTML يتم استخدام العلامة لتوفير ميزة "الإكمال التلقائي" في عناصر. يوفر قائمة بالخيارات المحددة مسبقًا لاقتراحها على المستخدم أثناء الكتابة. يتم استخدام عنصر البيانات لتوفير ميزة "الإكمال التلقائي" في عناصر. يوفر قائمة بالخيارات المحددة مسبقًا لاقتراحها على المستخدم أثناء الكتابة. عند استخدامه ، فإنه يحدد قائمة بالخيارات المحددة مسبقًا لملف جزء. يعرض المستعرض فقط تلك الخيارات ذات الصلة بما كتبه المستخدم حتى الآن في حقل الإدخال.

ما هو الفرق بين Datalist و dropdown

Datalist هو عنصر HTML يوفر قائمة بالخيارات للمستخدم للاختيار من بينها. إنها تشبه القائمة المنسدلة ، لكن الاختلاف الرئيسي هو أنها تسمح للمستخدمين بإدخال قيمهم الخاصة. يمكن للمستخدم الكتابة في حقل الإدخال وسيقدم أخصائي البيانات اقتراحات بناءً على ما كتبه. من ناحية أخرى ، تسمح القائمة المنسدلة للمستخدمين فقط بالاختيار من بين الخيارات المحددة مسبقًا. بالإضافة إلى ذلك ، باستخدام القائم بالبيانات ، يمكن للمستخدمين كتابة أي قيمة يريدونها حتى إذا لم تكن مدرجة كخيار.

كيفية استخدام datalist في شكل HTML

HTML عنصر يستخدم لتوفير ميزة "الإكمال التلقائي" في عناصر. يتم استخدامه لتوفير قائمة بالخيارات المحددة مسبقًا للمستخدم أثناء إدخال البيانات.

لاستخدام عنصر البيانات ، تحتاج أولاً إلى إنشاء نموذج HTML بامتداد عنصر ومنحه سمة معرف. بعد ذلك ، يمكنك إضافة عنصر بيانات داخل النموذج وتعيين سمة القائمة الخاصة به مساوية لمعرف حقل الإدخال. داخل قائمة البيانات ، يمكنك إضافة واحد أو أكثر

فمثلا:


الوظائف ذات الصلة:

اترك تعليق