HTML Optgroup İle Select Option Elemanlarını Gruplama

HTML5 Logo

HTML’de listeden seçim yaptırmak için en sık kullandığımız nesnelerden biride select elemanıdır ve bu html elemanı içerisindeki listeyi gruplamak isterseniz optgroup etiketini kullanmanız gerekecektir. Tek yapmanız gereken option ile oluşturduğunuz listenizi optgroup etiketleri arasına almak.

HTML optgroup ile select-option elemanlarını gruplama

HTML’de listeden seçim yaptırmak için en sık kullandığımız nesnelerden biride select elemanıdır ve bu html elemanı içerisindeki listeyi gruplamak isterseniz optgroup etiketini kullanmanız gerekecektir. Tek yapmanız gereken option ile oluşturduğunuz listenizi optgroup etiketleri arasına almak. Örnek için alttaki koda bakabilirsiniz.

HTML Kod

Üstteki kodda optgroup etiketlerinde disabled ve label attribute’lerini görüyorsunuz label grup adını belirtirken disabled ise grup içerisindeki tüm elemanları etkisiz kılıyor yani sadece o grup elemanların seçilme özelliğini kaldırıyor.

Sonuç

Tarayıcı Uyumluluğu

HTML optgroup browser compability

Bunlar da hoşunuza gidebilir...

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir