<datalist> Etiketi Temel Özellikler
- Etiket Yazımı ve Etiket Kullanımı :
<datalist></datalist> <!-- Etiket hem açılıp hem de kapanmak zorunda. -->- Örnek :
- DOM Arayüzü :
HTMLDataListElement- Durum :
- Yaşayan Ölçün
- Öznitelikler :
- Tüm Evrensel Öznitelikler
- Açıklama :
Kullanımı
Markanız için 300X300 alan.
<datalist> etiketi form kutularında değer olarak kullanılabilecek seçenekleri tutar. Kullanıcıya gösterilmezler.
Çocuğu olarak yalnızca <option> etiketi kullanılabilir.
datalist.options - datalistEtiketi.seçenekler
<datalist> etiketinin iye olduğu <option> etiketi listesini döndürür.
Eğer bir etiketin atası <datalist> etiketi ise o etiket onay sınırlaması (constraint validation) dışında tutulur.
<label> etiketinin <datalist> etiketi ile özel bir kullanımı vardır.
<label> etiketinin alabileceği değer ya kullanıcı tarafından girilir ya da listeden seçilir. form denetimi (örnekteki form denetimi <input> etiketidir) seçildikten sonra bir kez tıklanarak seçenekler açılır.
form denetimine içerik girilmeye başlandığında seçenekler arasında arama gerçekleştirilir ve bulunan sonuçlar kullanıcıya gösterilir.
Örnekte k yazıldığında içinde k harfi bulunan seçenekler olan kadın ve erkek seçeneği kullanıcıya gösterilir. k'den sonra a yazıldığında kadın seçeneği tek başına kullanıcıya gösterilir.
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>SonDevrim HTML Dersleri, İpuçları ve Örnekleri</title>
<link href="https://SonDevrim.com/görseller/favicon.ico" rel="shortcut icon" type="image/x-icon">
<style type="text/css">p{color:#f00;}</style>
</head>
<body>
<label>
Cinsiyet:
<input name=sex list=sexes>
</label>
<datalist id=sexes>
<label>
ya da listeden seçin:
<select name=sex>
<option value=""></option>
<option>kadın</option>
<option>erkek</option>
</select>
</label>
</datalist>
</body>
</html><datalist> Etiketi Tarayıcı Desteği
| Tarayıcı →Öznitelik ↓ | |||||
|---|---|---|---|---|---|
| Temel Destek | 4.0 (2.0) | 9.5 | Yok | 20 | 10 |
| Tarayıcı →Öznitelik ↓ | |||||
|---|---|---|---|---|---|
| Temel Destek | 4.0 (2.0) | 10 | Yok | 33 | Yok |