شرح الوسم < datalist >

اليوم سوف نذكر وسم آخر من وسوم HTML5 والذي يعد نقطة قوة لدى هذا الاصدار الجديد من HTML وهو وسم <datalist> , سابقاً عندما تعمل وسم <input> أو مربع إدخال و تريد عندما يكتب الزائر في هذا المربع تظهر له قائمة على حسب الكلمات المدخلة هذه الميزة تسمى الإكمال التلقائي, ففي السابق كان من الممكن استخدام التقنية التي تستخدمها Google وهي جافاسكريبت بيانات مسجلة مسبقاً.

لكن اليوم فقط سوف نستخدم <datalist>, المثال التالي يوضح لكم الفكرة , لكن هذا الوسم غير مدعوم من متصفح سفاري.

<!DOCTYPE html>
<html>
<body>

<form action="demo_form.asp" method="get">
  <input list="browsers" name="browser">
  <datalist id="browsers">
    <option value="Internet Explorer">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
  </datalist>
  <input type="submit">
</form>


</body>
</html>