Selezionare un campo di un modulo cliccando la sua dicitura

Lavorando con applicazioni Windows User Interface, piuttosto che con applicazioni Web, siamo abituati a non dover necessariamente selezionare un pulsante di opzione cliccando sul controllo stesso, ma è possibile accedervi anche cliccando sulla sua dicitura descrittiva. Nell'esempio che segue dobbiamo necessariamente cliccare sul radio-button per selezionare il sesso:

Maschio
Femmina

Potremmo invece cliccare sulle diciture Maschio o Femmina e riuscire lo stesso a selezionare il sesso!


E' necessario includere il testo della descrizione del radio-button nel Tag <label> e </label> specificando l'attributo for="ID del radio-button"

Di seguito un esempio:

<form name="modulo">

    <input type="radio" name="sesso" id="sesso_m" value="M">
        <label for="sesso_m">Maschio</label><br>

    <input type="radio" name="sesso" id="sesso_f" value="F">
        <label for="sesso_f">Femmina</label>

</form>

Autore: Luca Ruggiero

Register.it