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:



Kimler Neler Demiş?

avatar
  Subscribe  
Bildir