lifeacode yandex
HTML datalist Etiketi | HTML Etiketleri | Lifeacode

HTML <datalist> Etiketi



HTML <datalist> etiketi, form ögesi üzerinde otomatik tamamlama işlemi yapar. Kullanıcılar önceden tanımlanmış verilerden birini seçerler. HTML <datalist> etiketi, “list” özelliği içeren bir <input> öğesi ile beraber kullanılır.

Datalist etiketi, HTML5’te tanıtıldı.

 

Söz dizimi:

<datalist> İçerik..</datalist>   

 

Örnek:

 
<label>  
 Lütfen aşağıdan size en yakın olanı seçiniz:<br />  
 <input type="text" id="kisilik" list="kisiliklist">  
 <datalist id="kisiliklist">  
 <option value="Sakin">  
 <option value="Sinirli">  
 <option value="Duyarlı">   
 <option value="Utangaç">   
 <option value="Komik">   
 <option value="Esprili">   
 <option value="Dobra">   
 </datalist>  
</label> 

Ekran Çıktısı:

 

Tarayıcı Desteği:

Kimler Neler Demiş?

avatar
  Subscribe  
Bildir