همانطور که در مطالب قبلی نیز گفتیم زبان برنامه نویسی HTML5 دارای یکسری نکات و تگ های جدیدی است که تا به اینجا چندی از آن ها را مورد بررسی قرار دادیم.در این مطلب قصد داریم تا یکی از تگ های جدید فرم در html5 را مورد بررسی قرار دهیم.
تگ <datalist> :
تگ <datalist> یک لیست از چند آیتم از پیش تعیین شده را برای یک کنترل <input> تعیین می کند . هدف از تعیین این تگ برای کنترل <input> تهیه یک لیست برای تکمیل اتوماتیک گزینه هاست.
به عبارت دیگر هنگامی که این تگ را برای یک کنترل تعیین می کنید ، در هنگام کلیک بر روی آن کنترل لیست آیتم ها بصورت یک منو به کاربر نمایش داده می شود .
از خاصیت List کنترل <input> برای اتصال آن به تگ <datalist> استفاده می شود .
نکته :
هر آیتم تگ <datalist> توسط یک تگ <option> تعیین می شود .
شکل کلی استفاده از تگ <datalist> بصورت زیر است :
<“input list=”datalist_id>
<“datalist id=”datalist_id>
<“option value=”value 1>
<“option value=”value 2>
<“option value=”value 3>
</datalist>
توضیح موارد syntax :
datalist_id:
یک id را برای تگ <datalist> تعیین می نماید .
option:
یک آیتم را برای تگ <datalist> ایجاد می نماید .
value:
مقدار هر آیتم تگ <datalist> را تعیین می نماید .
پشتیانی در مرورگر های مختلف :
این تگ در مرورگرهای کروم ، فایرفاکس و اپرا پشتیانی می شود .
