Guida HTML - Consentire Scelte

All’interno di un form, spesso si ha la possibilità di scegliere tra due o più opzioni. Queste scelte sono date da uno di questi tre elementi:

• Campi Radio


• Campi Checkbox


• Campi Select

I Campi Radio permettono di scegliere una sola tra le opzioni a disposizione. Ecco un esempio:

<input type=radio name=frutta value=”banana”>Banana
<input type=radio name=frutta value=”mela”>Mela
<input type=radio name=frutta value=”pesca”>Pesca

In questo modo puoi scegliere o Banana o Mela o Pesca.
Intanto notiamo che all’attributo type è assegnato radio, questo proprio per ottenere Campi Radio.
Il campo name è uguale per tutti e tre i Campi Radio, proprio per fare capire che fanno parte della stessa scelta.
Poi value è impostato in base a quello che si sceglie.

Ora facciamo un esempio dei Campi CheckBox:

<input type=checkbox name=frutta value=”banana”>Banana
<input type=checkbox name=frutta value=”mela”>Mela
<input type=checkbox name=frutta value=”pesca”>Pesca

Per loro vale lo stesso discorse dei campi Radio, l’unica differenza è che con questi si possono effettuare scelte multiple, cioè si possono selezionare anche tutti e tre i campi contemporaneamente.

Seguendo i precendenti esempio con il Campo Select, si dovrebbe fare così:

<select name=frutta>
   <option value=”banana”>Banana</option>
   <option value=”mela”>Mela</option>
   <option value=”pesca”>Pesca</option>
</select>

In questo modo si dichiarerà un Campo Select dove è possibile effettuare solo una tra le scelte consentite.