العنصر <datalist> يعطي حقل الإدخال اقتراحات تلقائية تظهر أثناء الكتابة:
<input list="browsers" name="browser">
<datalist id="browsers">
<option value="Chrome">
<option value="Firefox">
<option value="Safari">
</datalist>الربط يتم بأن تكون قيمة list في الحقل مساوية لـ id القائمة.
الفرق بينه وبين select
<select>: المستخدم مجبر على اختيار واحد من الخيارات.<datalist>: الخيارات اقتراحات فقط، ويمكنه كتابة أي قيمة أخرى.
مفيد لحقول مثل المدينة أو الدولة، حيث هناك قيم شائعة لكنك لا تريد منع غيرها.