Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, HTML derslerinin dokuzuncusu olup, bir eğitmen tarafından sunulan bir eğitim içeriğidir.
- Videoda aşağı açılır kutu seçim elementleri (select) anlatılmaktadır. Eğitmen, şehir seçimi örneği üzerinden select elementinin nasıl kullanılacağını göstermektedir. Önce temel bir şehir listesi oluşturulur, ardından bu liste doğu anadolu ve karadeniz bölgeleri gibi gruplara ayrılır. Son olarak, sayfa açıldığında bir verinin otomatik olarak seçili olarak gelmesi için select özelliği kullanılarak Trabzon ilinin seçili olarak gösterilmesi gösterilmektedir.
- 00:02HTML'de Aşağı Açılır Kutu Elementleri
- HTML derslerinin dokuzuncusunda aşağı açılır kutu seçim elementleri gösterilecek.
- Bu kutunun amacı kullanıcının gireceği belli verileri ve bilgileri sınırlandırmak, örneğin şehir veya doğum ayı seçimi için kullanılabilir.
- Aşağı açılır kutu, kullanıcıların yanlış bilgi girmesini önleyerek daha doğru giriş yapmalarını sağlar.
- 00:53Aşağı Açılır Kutu Oluşturma
- Aşağı açılır kutu için "select" etiketi kullanılır.
- Seçilebilir veriler "option" özelliğinin içine yazılır.
- Örnek olarak şehirler için "Erzurum", "Pers" ve "Erzincan" gibi şehirler eklendi.
- 02:39Gruplandırma ve Otomatik Seçili Değer
- Seçenekleri gruplandırmak için "option-group" özelliği kullanılır ve "label" etiketi ile grup ismi belirtilir.
- Örnek olarak Doğu Anadolu ve Karadeniz bölgeleri için ayrı gruplar oluşturuldu.
- Sayfanın açıldığında belirli bir verinin otomatik olarak seçili olarak gelmesi için "selected" özelliği kullanılır.