Page 103 - Guida tascabile HTML5
P. 103
Scelte multiple: checkbox e radio button
Il tag <input> prevede la possibilità di inserire nei form controlli dedicati
all’inserimento di dati selezionati tra scelte predefinite: i primi, <input
type="checkbox">, consentono di eseguire scelte multiple selezionando ogni
controllo in modo indipendente, mentre i secondi, <input type="radio">,
raggruppano le scelte consentendo una selezione esclusiva tra le opzioni proposte.
RIFERIMENTO Più avanti in questo capitolo viene descritto il tag <select>, che come
alternativa consente di creare menu a tendina con scelte rapide predefinite.
Il listato dell’esempio seguente mostra un semplicissimo modulo con un solo
controllo di tipo checkbox: prima di inviare il form l’utente ha la possibilità di
selezionare o meno la casella.
<form>
<input type="checkbox" name="check" value="selezionato">
<input type="submit">
</form>
Figura 6.9 La casella da selezionare è visibile nel form.
Se il form sarà inviato al server con la casella selezionata, sarà presente un
parametro check=selezionato (valori degli attributi name e value).
Qualora fosse necessario inserire nel form più di un checkbox, ognuno dovrà
avere un attributo name univoco, per garantire l’indipendenza dei valori trasmessi al
server:
<form>
<input type="checkbox" name="it" value="it"> Italiano<br>
<input type="checkbox" name="en" value="en"> Inglese<br>
<input type="checkbox" name="jp" value="jp"> Giapponese<br>
<input type="submit">
</form>
