Radyo Düğmeleri

HTML'de, radyo düğmeleri kullanıcının gruptan yalnızca bir seçeneği seçebildiği, birbirini dışlayan bir dizi seçenek oluşturmak için kullanılır. Radyo düğmeleri, type özniteliği "radio" olarak ayarlanmış <input> etiketi kullanılarak oluşturulur.

HTML'de bir radyo düğmesi oluşturmak için 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 araya getiren bir öznitelik. Aynı isme sahip tüm radyo düğmeleri aynı gruba aittir ve bir grup içinde aynı anda yalnızca bir seçenek seçilebilir.

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

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

Bir radyo düğmesi grubunun nasıl oluşturulacağına dair bir örnek:

<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, üç radyo düğmesi içeren bir formumuz var; hepsi aynı name özniteliğini ("mygroup") paylaştığı için aynı gruba dahildir. Her radyo düğmesinin benzersiz bir id ve value değeri ile bunlara 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önderilecektir.