Butoanele radio sunt folosite pentru a permite userului sa selecteze una dintre optiunile listate. Pentru a realiza acest tip de formular va trebuii in primul rand sa dam un mume fiecarui camp.

Cod:

<p> Alege nationaliatea</p>

Romana: <input type="radio" name="nationalitate" />

Engleza: <input type="radio" name="nationalitate" />

Rusa: <input type="radio" name="nationalitate" />

Specificand un nume pentru categoria din care face parte formularul vom instiinta browser-ul pentru ca ulterior el sa faca diferenta intre mai multe formulare de tip radio permitand astfel alegeraea unei singure variante de raspuns pentru fiecare formular in parte.

Exemplu avansat:

Cod:

<p> Alege nationaliatea</p>

Romana: <input type="radio" name="nationalitate" />

Engleza: <input type="radio" name="nationalitate" />

Rusa: <input type="radio" name="nationalitate" />

<p>Alege sexul</p>

Barbat: <input type="radio" name="sex" />

Femeie: <input type="radio" name="sex" />

HTML - Butoane radio selectate "by default"
La fel ca si la checkbox-uri, butoanele radio pot fi selectate pentru a facilita "munca" userului.

Cod:

<p> Alege nationaliatea</p>

Romana:
<input type="radio" name="nationalitate" checked="yes" />
Engleza:
<input type="radio" name="nationalitate" />
Rusa:
<input type="radio" name="nationalitate" />

Poate fi selectat oricare dintre optiuni, nu neaparat prima. Deasemenea este bne sa folosim aceasta metoda de a selecta anumite butoane, cu moderate si doar atunci cand informatia ceruta nu este de o importanta majora. Este posibil ca din neatentie sau comoditate userul sa lase optiunea deja selectata fara ca aceasta sa fie cea corecta in cazul lui.p