HTML <datalist> Etiketi

tanım ve kullanım

<datalist> etiketi, <input> öğesiönceden tanımlanmış seçeneklerin listesini belirler.

<datalist> Etiket, <input> Etiket, kullanıcıların veri girdiğinde önceden tanımlanmış seçeneklerin aşağıdakı listesini görmelerini sağlar. "Otomatik tamamlama" özelliği sağlar.

<datalist> öğesinin id özelliği eşit olmalıdır <input> öğesinin list özelliği（Bu, onları bir araya getirir）。

Ayrıca bakınız：

HTML DOM Referans Kılavuzu：Datalist nesnesi

Örnek

Önceden tanımlanmış seçeneklerin bulunduğu veri listeleri（<input> öğesine bağlanır）：

<label for="browser">Lütfen listeden tarayıcınızı seçin：</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>

Deneyimleyin

Genel Özellikler

<datalist> Bu etiket, olay özelliklerini de destekler HTML'deki genel özellikler.

Olay Özellikleri

<datalist> Bu etiket, olay özelliklerini de destekler HTML'deki olay özellikleri.

Varsayılan CSS Ayarları

Çoğu tarayıcı, aşağıdaki varsayılan değerleri kullanarak görüntüleyecektir <datalist> Element:

datalist {
  display: none;
}

Tarayıcı Desteği

Tablo içindeki numaralar, bu özelliği ilk tam olarak destekleyen tarayıcı sürümünü belirtmektedir.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
20.0 10.0 4.0 12.1 9.5