HTML <datalist> Etiketi

❮ Önceki Eksiksiz HTML Referansı Sonraki ❯

Örnek

Önceden tanımlanmış seçeneklere sahip bir veri listesi (bir <input> öğesine bağlı):

<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>

Tanım ve Kullanım

etiketi , <datalist>bir <input> öğesi için önceden tanımlanmış seçeneklerin bir listesini belirtir.

<datalist>etiketi, <input> öğeleri için bir "otomatik tamamlama" özelliği sağlamak için kullanılır . Kullanıcılar, verileri girerken önceden tanımlanmış seçeneklerin bir açılır listesini göreceklerdir.

Öğenin <datalist>id niteliği, <input> öğesinin liste niteliğine eşit olmalıdır (bu onları birbirine bağlar).

Tarayıcı Desteği

Tablodaki sayılar, öğeyi tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

Element
<datalist>	20.0	10.0	4.0	12.1	9.5

Genel Özellikler

Etiket ayrıca HTML'deki Global Nitelikleri<datalist> de destekler .

Etkinlik Özellikleri

Etiket ayrıca HTML'deki Etkinlik Niteliklerini<datalist> de destekler .

İlgili Sayfalar

HTML DOM referansı: Veri Listesi Nesnesi

Varsayılan CSS Ayarları

Çoğu tarayıcı, <datalist>öğeyi aşağıdaki varsayılan değerlerle görüntüler:

datalist {
display: none;
}