HTML <select> Etiketi
HTML <select> etiketi açılır liste oluşturmak için kullanılır. <option> etiketi <select> etiketi içerisinde kullanılarak liste ögeleri tanımlar.
Söz dizimi:
<select> <option></option> </select>
Özellikleri:
Görüntüleme |
Etiketi Başlat/ Etiketi Bitir |
Kullanımı |
Çizgi |
Hem Başlangıç Hem Bitiş |
Giriş |
Örnek:
<!DOCTYPE html> <html> <head> <title>HTML select Etiketi</title> <style> .img{ background-image: url("https://www.lifeacode.com/wp-content/uploads/2019/07/HTML_map_etiketi_kullanımı_lifeacode.jpg"); background-size: cover; background-position: center; height: 100%; width: 100%; background-repeat: no-repeat; position: fixed; top: 0; left: 0; } </style> </head> <body> <div class="img"> <h2>EHTML select Etiketi Kullanımı</h2> <form> <label>Şehrini Seç:</label> <select> <option>İstanbul</option> <option>Ankara</option> <option>İzmir</option> <option>Antalya</option> <option>Bursa</option> <option>Konya</option> <option>Kocaeli</option> <option>Erzurum</option> <option>Mersin</option> </select> </form> </div> </body> </html>
Ekran Çıktısı:
Özel Kullanımları:
Özellik |
Değer |
Açıklama |
autofocus |
autofocus |
Liste sayfa yüklendiğinde otomatik olarak açılır. |
disabled |
disabled |
Kullanıcı açılır listeyle etkileşime giremez. Kontrolü devre dışı bırakır. |
form |
form-id |
Seçimin ait olduğu bir veya daha fazla form belirtir. |
multiple |
multiple |
Kullanıcı lsiteden birden fazla seçenek seçebilir. |
name |
name |
Açılan listenin ismini belirler. |
required |
required |
Aktifse kullanıcı formu göndermeden bu alanı seçmelidir. |
size |
number |
Listedeki görünür seçenek sayısını belirtir. |
Tarayıcı Desteği: