Guida HTML - Consentire Scelte
Cerca
 











Guida HTML

Capitolo 23° - Consentire Scelte

A cura di: Black Shadow

<< Precedente Prossimo >>
Allinterno 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 allattributo 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, lunica 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.
<< Precedente Prossimo >>
 

Creative Commons License
Il layout di questo sito è concesso sotto licenza Creative Commons.
Per maggiori informazioni sulle licenze dei contenuti del sito, clicca.