Radyo düğmesi

Radyo düğmesi, HTML formunun işaretlenebilen veya işaretlenmeyen yuvarlak bir düğme şeklindeki öğesini temsil eder.

Radyo butonu, input etiketi ve type özniteliği "radio" değerine ayarlanarak oluşturulur. Görünümü:

Bir radyo düğmesi neredeyse hiç tek başına kullanılmaz, bir grup halinde kullanılmaları gerekir. Bu durumda gruptan yalnızca bir düğme işaretlenebilir. Düğmeler, yalnızca name özniteliği aynı değere sahipse bir grup oluşturacaktır (aşağıdaki örneklere bakın).

Örnek

İki radyo düğmesi yapalım: birincisi işaretli olsun (checked özniteliği verilsin), ikincisi işaretli olmasın. Bu düğmeler bir grup oluşturacak ve bu gruptan yalnızca biri işaretlenebilecektir (çünkü name öznitelik değerleri aynıdır).

Bu radyo düğmelerine farklı value öznitelik değerleri verildiğine dikkat edin. Bu, form verileri sunucuya gönderildiğinde, PHP'nin hangi düğmenin seçildiğini belirleyebilmesi için gereklidir:

<input type="radio" name="test" checked value="1">
<input type="radio" name="test" value="2">

Örnek

Şimdi iki radyo düğmesi grubu yapalım: ilk grup bir name öznitelik değerine, ikinci grup ise başka bir değere sahip olsun. Üzerlerine tıklamayı deneyelim ve grupların birbirinden bağımsız olarak değiştiğini görelim:

<input type="radio" name="radio1" checked>
<input type="radio" name="radio1">
<input type="radio" name="radio1">

<br>

<input type="radio" name="radio2" checked>
<input type="radio" name="radio2">
<input type="radio" name="radio2">

Ayrıca bakınız

onay kutusu,
onay kutusu oluşturmak için kullanılır
checked özniteliği,
radyo düğmesini işaretli yapar
checked sözde sınıfı,
işaretli radyo düğmeleri için stil tanımlar
disabled özniteliği,
form öğelerini devre dışı bırakır
label etiketi,
radyo düğmesi için etiket tanımlar