Onay Kutuları

HTML'de, onay kutuları kullanıcının bir gruptan birden fazla seçenek seçebileceği bir seçenek kümesi oluşturmak için kullanılır. Onay kutuları, type özniteliği "checkbox" olarak ayarlanmış <input> etiketi kullanılarak oluşturulur.

HTML'de bir onay kutusu (checkbox) oluşturmak için temel sözdizimi şöyledir:

<input type="checkbox" id="option1" name="checkboxgroup" value="option1">
<label for="option1">Option 1</label>

• <input>: Giriş alanını tanımlayan etiket.
• type="checkbox": Giriş türünü bir onay kutusu olarak belirten öznitelik.
• id: Onay kutusuna benzersiz bir tanımlayıcı veren öznitelik.

• name: Onay kutularını bir araya getiren bir özniteliktir. Radyo düğmelerinin aksine, aynı isme sahip birden fazla onay kutusu aynı anda seçilebilir.
• value: Onay kutusuyla ilişkili değeri belirten bir özniteliktir. Bu değer, form gönderildiğinde sunucuya iletilir.

• <label>: Onay kutusu için tıklanabilir bir etiket sağlayan etikettir. Etiketin for özniteliği, onay kutusunun id özniteliği ile eşleşmelidir.

İşte bir onay kutusu grubu oluşturmaya yönelik bir örnek:

<form>
	<input type="checkbox" id="option1" name="mygroup" value="option1">
	<label for="option1">Option 1</label><br>
	
	<input type="checkbox" id="option2" name="mygroup" value="option2">
	<label for="option2">Option 2</label><br>
	
	<input type="checkbox" id="option3" name="mygroup" value="option3">
	<label for="option3">Option 3</label><br>
</form>

Bu örnekte, hepsi aynı name özniteliğini ("mygroup") paylaştığı için aynı gruba ait olan üç onay kutusuna (checkbox) sahip bir formumuz var. Her onay kutusunun benzersiz bir id ve value değeri ile ilgili bir etiketi (label) vardır. Kullanıcı bu seçeneklerden birini veya daha fazlasını seçip formu gönderdiğinde, seçilen onay kutularının değerleri sunucuya gönderilecektir.