HTML فرم و ورودی

تگ datalist

تگ datalist فهرستی از گزینه‌های از پیش تعریف‌شده برای یک input فراهم می‌کند تا کاربر بتواند یکی را انتخاب کند یا مقدار دلخواه تایپ کند. اتصال ورودی به فهرست با ویژگی list در input و id در datalist برقرار می‌شود. گزینه‌ها با تگ option تعریف می‌شوند.

سینتکس

<input list="id-fhrest"> <datalist id="id-fhrest"> <option value="..."> </datalist>

مثال کاربردی

<input list="cities" name="city">
<datalist id="cities">
  <option value="تهران">
  <option value="شیراز">
</datalist>

ویژگی‌های (Attributes) مهم

id شناسه یکتا که در ویژگی list ورودی استفاده می‌شود
class کلاس CSS برای استایل‌دهی