Radyo Düğmeleri

HTML'de radyo düğmeleri, kullanıcının gruptan yalnızca bir seçeneği seçebileceği, birbirini dışlayan seçeneklerden oluşan bir küme oluşturmak için kullanılır. Radyo düğmeleri, <input> etiketiyle ve type özelliği "radio" olarak ayarlanarak oluşturulur.

HTML'de radyo düğmesi oluşturmanın temel sözdizimi şöyledir:

<input type="radio" id="option1" name="radiogroup" value="option1">
<label for="option1">Option 1</label>

• <input>: Giriş alanını tanımlayan etiket.
• type="radio": Giriş türünü radyo düğmesi olarak belirten bir öznitelik.
• id: Radyo düğmesine benzersiz bir tanımlayıcı veren bir öznitelik.

• name: Radyo düğmelerini bir arada gruplandıran bir öznitelik. Aynı name değerine sahip tüm radyo düğmeleri aynı gruba aittir ve bir grupta aynı anda yalnızca bir seçenek seçilebilir.

• value: Radyo düğmesiyle ilişkilendirilen değeri belirten bir özellik. Bu değer, form gönderildiğinde sunucuya gönderilir.

• <label>: Radyo düğmesi için tıklanabilir bir etiket sağlayan etiket. Etiketin for niteliği, radyo düğmesinin id niteliğiyle eşleşmelidir.

İşte bir radyo düğmesi grubu oluşturma örneği:

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

Bu örnekte, aynı name niteliğini ("mygroup") paylaştıkları için aynı gruba ait üç radyo düğmesi bulunan bir formumuz var. Her radyo düğmesinin benzersiz bir id ve value değeri ile karşılık gelen bir etiketi vardır. Kullanıcı bu seçeneklerden birini seçip formu gönderdiğinde, seçilen radyo düğmesinin değeri sunucuya gönderilir.