html derslerimizin 17. haftasından sevgiyle merhabalar; html eğitimlerinde artık yavaş yavaş sona geliyoruz; bu hafta formlarda olmazsa olmazımız çoklu seçmeli onay kutularını görüyoruz sizinle.
çoklu seçmeli onay kutuları nedir?
HTML'de çoklu seçmeli onay kutuları (checkboxlar), kullanıcının birden fazla seçeneği arasından seçim yapabilmesini sağlayan formlarda kullanılır. Tek bir seçimle sınırlı olan radyo butonlarının aksine, checkboxlar ile birden fazla seçenek seçilebilir veya hiç seçim yapılmayabilir.
Kullanım Alanları:
- Anketler: Kullanıcıların birden fazla görüş veya tercihi belirtmesine olanak tanır.
- Formlar: Kullanıcıların birden fazla ilgi alanını, hobisini veya yeteneğini seçmesine imkan verir.
- Ürün Seçimi: E-ticaret sitelerinde ürün konfigürasyonu veya filtreleme gibi işlemlerde kullanılır.
- Şartlar ve Koşullar: Kullanıcıların sözleşmeleri veya politikaları okuduklarını ve kabul ettiklerini belirtmeleri için kullanılır.
Önemi:
- Kullanıcı Deneyimi: Kullanıcılara daha fazla esneklik ve seçim özgürlüğü sunar.
- Veri Toplama: Birden fazla seçeneği içeren verileri toplamak için idealdir.
- Etkileşim: Kullanıcıların formlarla daha fazla etkileşime girmesini sağlar.
Önemli Parametreler:
- type="checkbox": Bu, bir checkbox olduğunu belirtir.
- name: Tüm checkboxların aynı adı paylaşması gerekir, böylece form gönderildiğinde tek bir değer olarak gönderilirler.
- value: Her checkbox için farklı bir değer belirlenebilir, bu da formun hangi seçeneğin seçildiğini anlamasını sağlar.
- checked: Bu özellik, checkboxun varsayılan olarak seçili olduğunu belirtir.
- id: Her checkbox için benzersiz bir kimlik belirleyicisi tanımlanabilir.
- label: Checkboxun yanında metin göstermek için kullanılır.
Örnekler:
<form>
<label for="meyve1">
Elma</label>
<input type="checkbox" id="meyve1" name="meyveler" value="elma">
<br>
<label for="meyve2">
Muz</label>
<input type="checkbox" id="meyve2" name="meyveler" value="muz">
<br>
<label for="meyve3">
Portakal</label>
<input type="checkbox" id="meyve3" name="meyveler" value="portakal">
<br>
</form>
Bu örnekte, kullanıcı üç meyveden (elma, muz ve portakal) dilediğini seçebilir veya hiç seçim yapmayabilir. Form gönderildiğinde, php veya asp gibi üst düzey 1 alt yapı diliyle ilgili verinin görünür olması için gerekli kodlamayla desteklenecektir.
Böylelikle 17. Hafta tamamlanmış oldu; 18. Haftada görüşmek üzere esenlikler dilerim.