Page 104 - Guida tascabile HTML5

Figura 6.10 Ogni checkbox può essere gestito in modo indipendente dall’utente.

Passiamo ora ad analizzare gli input di tipo radio. La differenza principale

rispetto ai checkbox sta nella connessione tra i controlli: più opzioni condividono
lo stesso attributo name, e ne può essere selezionata soltanto una, poiché le scelte

proposte all’utente si escludono a vicenda.

<form>
<input type="radio" name="orario" value="matt"> Mattina<br>
<input type="radio" name="orario" value="pome"> Pomeriggio<br>
<input type="radio" name="orario" value="sera"> Sera<br>
<input type="radio" name="orario" value="nott"> Notte<br>
<input type="submit">
</form>

Questo tipo di controllo è visivamente distinto dai checkbox per la diversa
forma dell’interfaccia predefinita:

Figura 6.11 È possibile selezionare uno solo dei checkbox di un gruppo.

TERMINOLOGIA Due attributi specifici per questi tipi di input permettono di intervenire
sulla funzionalità del controllo.

checked fa sì che al caricamento della pagina il controllo sia già selezionato:

l’utente potrà modificare la selezione interagendo normalmente con il form