Örnek
Bir <input> bir önceden belirlenmiş değerlerle elemanı <datalist> :
<input list="browsers">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
Kendin dene " Tanımı ve Kullanımı
<datalist> etiketinin bir için önceden tanımlanmış seçenekler listesini belirtir <input> elemanı.
<datalist> etiketinin bir sağlamak için kullanılır "autocomplete" özelliğiyle <input> elemanları. Kullanıcılar, veri girişi gibi önceden tanımlanmış seçenekler açılır listesini göreceksiniz.
Kullan <input> bir birlikte bağlamak için öğenin liste özelliğini <datalist> elemanı.
Tarayıcı Desteği
Tablodaki rakamlar tamamen elemanı destekleyen ilk tarayıcı sürümü belirtin.
| Eleman | |||||
|---|---|---|---|---|---|
| <datalist> | 20.0 | 10.0 | 4.0 | Desteklenmiyor | 9.0 |
HTML 4.01 ve HTML5 Arasındaki Farklar
<datalist> etiketi HTML5 getirdiği bir yeniliktir.
Küresel Nitelikler
<datalist> etiketi de destekliyor Küresel HTML Özellikleri .
Olay Nitelikler
<datalist> etiketi de destekler Olay HTML Özellikleri .
İlgili Sayfalar
HTML DOM referansı: DataList Nesne
Varsayılan CSS Ayarları
Çoğu tarayıcı gösterecektir <datalist> aşağıdaki varsayılan değerlerle eleman:
datalist {
display: none;
}