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:

HTML select Etiketi Kullanımı, HTML select Etiketi Olay Özellikleri ve Örnekleri, HTML select Example, HTML select Standart Özellikleri, HTML select Tag, HTML select Tarayıcı Desteği

Kimler Neler Demiş?