50 کامل شده تا

برچسب <datalist> در اچ‌تی‌ام‌ال

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو
لیستی از گزینه‌های از پیش تعریف شده برای کنترل‌های ورودی را مشخص می‌کند
معرفی شده در نسخهٔ:۵
حذف شده در نسخهٔ: هنوز در حال استفاده است
ویژگی‌های مجاز:به پائین مراجعه کنید
تنظیمات پیش‌فرض CSS:display: none;


{{منو اسکرول چپ|نام منو={{مرجع منو اچ‌تی‌ام‌ال|expanded=مرجع}}}}

مثال

عنصر <input> با مقادیر ازپیش‌تعریف‌شده در یک <datalist>:

<label for="browser">Choose your browser from the list:</label>
<input list="browsers" name="browser" id="browser">

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


تعریف و کاربرد

برچسب <datalist> یک فهرست از گزینه‌های ازپیش‌تعریف‌شده را برای یک عنصر <input> مشخص می‌کند.[۱]

برچسب <datalist> برای ارائهٔ ویژگی «تکمیل خودکار» بروی عنصرهای <input> استفاده می‌شود. کاربران با واردکردن داده‌ها، یک فهرست کشویی از گزینه‌های ازپیش‌تعریف‌شده را می‌بینند.

از ویژگی list عنصر <input> برای وصل کردن آن با یک عنصر <datalist> استفاده کنید.

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

عددهای درون جدول، نخستین نسخهٔ مرورگری را مشخص می‌کنند که به‌طور کامل از عنصر پشتبانی می‌کند.

عنصر Chrome Internet Explorer / Edge Firefox Safari Opera
<datalist> بله بله بله بله بله

ویژگی‌های سراسری

همچنین برچسب <datalist> از ویژگی‌های سراسری (Global Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

ویژگی‌های رویداد

همچنین برچسب <datalist> از ویژگی‌های رویداد (Event Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

صفحات مرتبط

مرجع DOM اچ‌تی‌ام‌ال: شیء Datalist (Datalist Object)

تنظیمات پیش‌فرض CSS

بیشتر مرورگرها عنصر <datalist> را با مقادیر پیش‌فرض زیر نمایش می‌دهند:

datalist {
  display: none;
}


منابع آموزشی