آموزش تگ datalist در Html

با آموزش تگ datalist در Html در خدمت شما هستیم:

با استفاده از این تگ می توانیم چند آیتم از پیش تعیین شده برای تگ input مان ایجاد کنیم. بدین صورت میتوانیم بخش input خود را کنترل کنیم.

با کلیک برروی این آیتم گزینه های از پیش تعیین شده به صورت یک منو برای کاربر به نمایش در میاید.

از طریق این روش لیست اجزای input به یگدیگر متصل می شوند.

هر تگ datalist توسط تگ دیگری به نام option می تواند دسته بندی شود.

قطعه کد زیر نمونه ای از استفاده از تگ datalist را نشان می دهد:

<input list="browsers">

<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

 تگ datalist تمام ویژگی های عمومی و رویداد های عمومی را در Html پشتیبانی میکند.

پشتیبانی مرور گرها از تگ datalist در Html:

تمامی مرور گر ها را پشتیبانی می کند.