Buton Radio

Butonul radio reprezintă un element de formular HTML sub forma unui buton rotund care poate fi selectat sau nu.

Butonul radio este creat cu ajutorul tagului input cu atributul type având valoarea radio. Aspect:

Un singur buton radio practic nu este folosit niciodată singur, acestea trebuie folosite în grup. În acest caz, din grup poate fi selectat doar unul dintre butoane. Butoanele vor forma un grup doar dacă au aceeași valoare a atributului name (a se vedea exemplele de mai jos).

Exemplu

Să facem două butoane radio: primul îl vom marca (setăm atributul checked), iar al doilea - nu. În acest caz, butoanele vor reprezenta un grup, în care poate fi selectat doar unul dintre ele (deoarece au aceeași valoare a atributului name).

Atenție la faptul că acestor butoane radio li s-au dat valori diferite ale atributului value. Acest lucru este necesar pentru ca, după trimiterea datelor la server, PHP să poată determina care dintre butoane a fost selectat:

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

Exemplu

Acum să facem două grupuri de butoane radio: primul grup va avea o valoare a atributului name, iar al doilea - alta. Să încercăm să facem clic pe ele și vom vedea că grupurile se comută independent unul de celălalt:

<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">

Vezi și

caseta de bifat (checkbox),
cu ajutorul căreia poți implementa o casetă de bifat
atributul checked,
care face butonul radio selectat
pseudoclassa checked,
care stabilește stiluri pentru butoanele radio selectate
atributul disabled,
care blochează elementele de formular
tagul label,
care specifică o etichetă pentru butonul radio