HTML and CSS Reference
In-Depth Information
Esempio 3.3
<form>
<fieldset>
<legend>Le tue preferenze: </legend>
<p><label><input type="checkbox" value="1" name="pref"/>
1</label></p>
<p><label><input type="checkbox" value="2" name="pref"/>
2</label></p>
<p><label><input type="checkbox" value="3" name="pref"/>
3</label></p>
</fieldset>
<fieldset>
<legend>La tua nazione: </legend>
<p><label><input type="radio" value="1" name="country"
checked="checked" /> Italia</label></p>
<p><label><input type="radio" value="1" name="country "/>
USA</label></p>
<p><label><input type="radio" value="1" name="country "/>
Canada</label></p>
</fieldset>
</form>
Possiamo notare, a questo punto, che il tag
fieldset
, insieme a quello
legend
, serve
al browser per visualizzare una descrizione da associare ai due elenchi. A seconda che uti-
lizziamo il valore
radio
, piuttosto che
checkbox
, il tag
input
รจ in grado di consentire
o meno una scelta multipla tra le opzioni specificate. L'attributo
name
, in tal senso, serve
a garantire che le diverse opzioni vengano unite tra loro e, pertanto, deve avere lo stesso
valore.
La
figura 3.2
mostra come sono renderizzate da un browser queste due liste differenti.