علامة <datalist> HTML

  • الصفحة السابقة <data>
  • الصفحة التالية <dd>

تعريف وشرح

<datalist> علامة عنصر <input>لتعريف قائمة الخيارات المسبقة.

<datalist> استخدام العلامة <input> يقدم العنصر وظيفة "إكمال تلقائي". عند إدخال البيانات، سيشاهد المستخدم قائمة الخيارات المسبقة المنسدلة.

<datalist> يجب أن يكون خاصية id عنصر <input> عنصر خصائص listهذا سيقوم بربطهما معًا).

انظر أيضًا:

دليل DOM HTML:مفهوم Datalist

مثال

قائمة بيانات مسبقة التحديد (مرتبطة بـ <input>):

<label for="browser">من فضلك اختر متصفحك من القائمة:</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> الدعم لخصائص الحدث خصائص العنصر العالمية.

خصائص العنصر في HTML

<datalist> الدعم لخصائص الحدث خصائص الحدث في HTML.

إعدادات CSS الافتراضية

سيستخدم معظم المتصفحات القيم التالية كقيم افتراضية <datalist> العنصر:

datalist {
  display: none;
}

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

رقم في الجدول هو إصدار متصفح يدعم العنصر بشكل كامل.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
20.0 10.0 4.0 12.1 9.5
  • الصفحة السابقة <data>
  • الصفحة التالية <dd>