مثال
و <input> العنصر مع القيم المحددة مسبقا في <datalist> :
<input list="browsers">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
انها محاولة لنفسك » تعريف واستخدام
و <datalist> تحدد العلامة قائمة من الخيارات المحددة مسبقا ل <input> العنصر.
و <datalist> يستخدم كلمة دلالية لتوفير "الإكمال التلقائي" ميزة على <input> العناصر. وسيكون للمستخدمين رؤية القائمة المنسدلة من الخيارات المحددة مسبقا وإدخال البيانات فيها.
استخدام <input> العنصر سمة قائمة لربط ذلك جنبا إلى جنب مع <datalist> العنصر.
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم تماما العنصر.
| العنصر | |||||
|---|---|---|---|---|---|
| <datalist> | 20.0 | 10.0 | 4.0 | غير معتمد | تسعة |
الخلافات بين HTML 4.01 و HTML5
و <datalist> البطاقة هي جديدة في HTML5.
السمات العامة
و <datalist> كما يدعم بطاقة و السمات العامة في HTML .
سمات الحدث
و <datalist> كما يدعم هذا الكود في حدث سمات في HTML .
صفحات ذات صلة
HTML DOM إشارة: كائن Datalist على
الإعدادات الافتراضية CSS
معظم المتصفحات عرض <datalist> العنصر مع القيم الافتراضية التالية:
datalist {
display: none;
}