علامة <datalist> HTML
مثال
عامل بيانات بخيارات محددة مسبقًا (متصل بعنصر <input>):
<label for="browser">Choose your browser from the list:</label>
<input list="browsers" name="browser" id="browser">
<datalist id="browsers">
<option value="Edge">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
التعريف والاستخدام
تحدد العلامة <datalist>قائمة بالخيارات المحددة مسبقًا لعنصر <input>.
تُستخدم <datalist>العلامة لتوفير ميزة "إكمال تلقائي" لعناصر <input>. سيرى المستخدمون قائمة منسدلة بالخيارات المحددة مسبقًا أثناء قيامهم بإدخال البيانات.
يجب <datalist>أن تكون سمة معرف العنصر مساوية لسمة قائمة عنصر <input> (وهذا يربطهما معًا).
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم العنصر بشكل كامل.
| Element | |||||
|---|---|---|---|---|---|
| <datalist> | 20.0 | 10.0 | 4.0 | 12.1 | 9.5 |
السمات العالمية
تدعم <datalist>العلامة أيضًا السمات العامة في HTML .
سمات الحدث
تدعم <datalist>العلامة أيضًا سمات الحدث في HTML .
الصفحات ذات الصلة
مرجع DOM HTML: كائن Datalist
إعدادات CSS الافتراضية
ستعرض معظم المتصفحات <datalist>العنصر بالقيم الافتراضية التالية:
datalist {
display: none;
}