المشكلة الرئيسية تتعلق بـ HTML
<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 بامتداد عنصر ومنحه سمة معرف. بعد ذلك ، يمكنك إضافة عنصر بيانات داخل النموذج وتعيين سمة القائمة الخاصة به مساوية لمعرف حقل الإدخال. داخل قائمة البيانات ، يمكنك إضافة واحد أو أكثر
فمثلا: