HTML datalist Tag

HTML datalist Tag – يحدد الوسم <datalist> قائمة بالخيارات المحددة مسبقًا لعنصر <input>.

HTML datalist Tag

يمكن استخدام الوسم <datalist> لتوفير خيارات سريعة لحقل الإدخال <input> مثل ميزة “الإكمال التلقائي“، حيث يرى المستخدمون قائمة منسدلة بالخيارات المحددة مسبقًا أثناء قيامهم بإدخال البيانات.

مثال

<label for="lang">Select the best language for your:</label>
<input list="langs" name="lang" id="lang">

<datalist id="langs">
    <option value="Java">
    <option value="C++">
    <option value="C#">
    <option value="Python">
    <option value="JavaScript">
</datalist> 

السمات العامة – Global Attributes

الوسم <datalist> يدعم السمات العامة أيضًا، تعرف عليهم عن طريق هذا الرابط: السمات العامة – Global Attributes.

سمات الحدث – Event Attributes

يدعم وسم <datalist> سمات الحدث أيضًا، تعرف عليهم عن طريق هذا الرابط: سمات الحدث – Event Attributes.

دعم المتصفحات

المتصفح
من بداية الإصدار	4.0	20.0	10.0	12.1	9.5