تگ datalist در HTML

در این مقاله با تگ datalist در HTML آشنا می شوید.

نکات اصلی تگ datalist:

• عنصر <datalist> یک منوی کشویی با گزینه های از پیش تعریف شده برای انتخاب کاربران ایجاد می کند.
• این عنصر گزینه های مربوط به عنصر <input> را تنظیم می کند.
• <datalist> ویژگی تکمیل خودکار HTML را به فرم اضافه می کند.

استفاده از تگ datalist در HTML

تگ <datalist> یک ویژگی تکمیل خودکار HTML را مشخص می کند که باید با یک عنصر فرم استفاده شود. یک عنصر جایگزین <select> است:

<input list="books">
<datalist id="books">
  <option value="Fiction">
  <option value="Non-Fiction">
</datalist>

با این حال ، بحث <datalist> در مقابل <select> باید ذکر کند که <select> به کاربران نیاز دارد تا گزینه های مشخص شده را انتخاب کنند. <datalist> به کاربران این امکان را می دهد که یا پاسخ های مشخص شده را انتخاب کنند یا پاسخ های اصلی خود را تایپ کنند.

پشتیبانی از مرورگر

این تگ در مرورگرهای : IE، safari ، firefox، cherom، opera  و Edge پشتیبانی می شود.

در دوره آموزش HTML بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.