English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
عنصر HTML <datalist> يحتوي على مجموعة من عناصر <option>، التي تمثل القيم المتاحة للعناصر الأخرى للنماذج؛ علامة <datalist> هي عنصر HTML5، ويحدد قائمة بالقيم المقترحة لعنصر <input>. هذه القيم المقترحة ستعرض كقائمة منسدلة في عنصر التحكم في الإدخال، وستتم ترشيح الخيارات المتاحة عند إدخال المستخدم للبيانات في عنصر التحكم في الإدخال. عادةً ما يُسمى هذا العنصر أيضًا <datalist&
إليك عنصر <input>، يحتوي <datalist> على القيم المحتملة له:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>استخدام علامة datalist في HTML5 (موقع دروس أساسية oldtoolbag.com)</title> </head> <body> <label for="tutorial_choice">دروس: </label> <input list="tutorial_types" name="tutorial_choice" id="tutorial_choice"> <datalist id="tutorial_types"> <option value="HTML"> <option value="CSS"> <option value="SQL"> </datalist> </body> </html>الاختبار لـ ‹/›
في هذا مثال على مستند HTML5، استخدمنا علامة <datalist> لإنشاء قائمة بالقيم المقترحة لـ <input>. يُفضل استخدام 3 قيم (HTML، CSS و SQL)، وستعرض هذه الخيارات كقائمة منسدلة للإختيار من قبل المستخدم.
دعم العلامة <datalist> من قبل المتصفحات الأساسية:
IEFirefoxOperaChromeSafari
عنصر <datalist> في HTML يقع داخل علامة <body> عادةً. علامة <datalist> عادةً ما تكون داخل علامة <form>.
<datalist> العلامة تحتوي على مجموعة من علامات <option>، وتقدم قيم محتملة للعلامة <input> المرتبطة.
<datalist> العلامة تحدد قائمة الخيارات المحتملة للعنصر <input>.
<datalist> العلامة تستخدم لتوفير خاصية "التكامل التلقائي" للعنصر <input>. يمكن للمستخدم رؤية قائمة منسدلة تحتوي على خيارات مسبقًا معينة، والتي ستكون بيانات الإدخال للمستخدم.
استخدم خصائص list للعنصر <input> لتوصيل العنصر <datalist>.
<datalist> العلامة هي علامة جديدة في HTML5.
دعم <datalist> العلامة خصائص العالمية في HTML.
دعم <datalist> العلامة خصائص الحدث في HTML.