برچسب <datalist> HTML

پیشنهاد دوره:

<datalist> تعریف و استفاده برچسب‌ها برایعنصر <input>

<datalist> لیست گزینه‌های پیش‌تعیین‌شده. <input> برچسب‌ها برای تعیین

<datalist> خصوصیت id عنصر <input> عنصر خصوصیت listاین آن‌ها را به یکدیگر متصل می‌کند).

لطفاً به اینجا مراجعه کنید:

دستورالعمل HTML DOM:موضوع Datalist

مثال

لیست‌های داده‌ای با گزینه‌های پیش‌تعیین‌شده (متصل به عنصر <input>):

<label for="browser">لطفاً از لیست انتخاب کنید مرورگر خود را：</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> این برچسب همچنین از ویژگی‌های رویداد پشتیبانی می‌کند ویژگی‌های جهانی در HTML.

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

<datalist> این برچسب همچنین از ویژگی‌های رویداد پشتیبانی می‌کند ویژگی‌های رویداد در HTML.

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

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

datalist {
  display: none;
}

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

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

ابزارخانه

دستورالعمل‌های HTML

مثال‌های HTML

آزمون HTML

آموزش HTML

لینک‌های حامی