تعريفه
نستخدم الوسم <datalist>
لعرض خيارات مجهزة مسبقاً تظهر أمام المستخدم حين يقوم بإدخال قيمة في مربع النص.
المميز في هذه القائمة أنها نسبةً للأحرف التي يدخلها المستخدم تعرض له الخيارات التي تبدأ بنفس الأحرف.
بشكل عام, نستخدم الوسم <datalist>
على النحو التالي لتجهيز قائمة خيارات مساعدة لمربع النص.
<!-- مربع النص --> <input="list-id"> <!-- قائمة الخيارات المربوط بها --> <dataid="list-id"> <option value="val-1"> <option value="val-2"> ... </datalist>
- الوسم
<datalist>
نضيف الخاصيةid
له لأنه من خلالها سنتمكن من ربط أي مربع النص به. - أي وسم
<input>
نريد ربطه به نقوم بإضافة الخاصيةlist
له و تمريرid
الوسم<datalist>
لها كقيمة. - أي خيار نريد وضعه في القائمة التي يمثلها الوسم
<datalist>
نضعه كوسم<option>
.