HTML <optgroup> Etiketi

HTML <optgroup> etiketi açılır listedeki ögelerin gruplanması gerektiğini belirtir. Uzun bir açılır listeniz varsa ilgili seçenekleri gruplamak için <optgroup> etiketi kullanabilirsiniz.

 

Söz dizimi:

<optgroup label=" ">Kod Bloğu...</optgroup>  

 

Özellikleri:

Görüntüleme
Etiketi Başlat/ Etiketi Bitir
Kullanımı
Çizgi
Hem Başlangıç Hem Bitiş
Form ve Giriş

 

Örnek:

 

<!DOCTYPE html>  
<html>  
<head>  
    <title>Optgroup Etiketi</title>  
    <style>   
        select{  
                      font-size:15px;   
                                  font-weight:bold;   
                                  color:blue;   
        }  
    </style>  
</head>  
<body>  
<h2>HTML optgroup Etiketi Örneği</h2>  
<label>Senin Favori Markan Hangisi?</label><br>  
<select>  
          <optgroup label="Teknoloji Şirketleri">  
        <option value="lenovo">Lenovo</option>  
        <option value="toshiba">Toshiba</option>  
        <option value="asus">Asus</option>  
        <option value="xiaomi">Xiaomi</option>  
     </optgroup>  
         <optgroup label="Telefon Üreticileri">  
        <option value="apple">Apple</option>  
        <option value="samsung">Samsung</option>  
        <option value="huawei">Huawei</option>  
        <option value="xiaomi">Xiaomi</option>  
        <option value="meizu">Meizu</option>       
            </optgroup>  
</select>  
</body>     
</html>  

Ekran Çıktısı:

Optgroup Etiketi

HTML optgroup Etiketi Örneği


 

Özel Kullanımları:

Özellik
Değer
Açıklama
disabled
disabled
Bu özellikle optgroup özellikleri devre dışı bırakılır.
label
text
Listede görüntülenecek grubun etiketini tanımlar.

 

Tarayıcı Desteği:



Kimler Neler Demiş?

avatar
  Subscribe  
Bildir