Esempio
Tre pulsanti di opzione con etichette:
<form action="demo_form.asp">
<label for="male">Male</label>
<input type="radio"
name="gender" id="male" value="male"><br>
<label
for="female">Female</label>
<input type="radio" name="gender"
id="female" value="female"><br>
<label for="other">Other</label>
<input type="radio" name="gender" id="other" value="other"><br><br>
<input type="submit" value="Submit">
</form>
Prova tu stesso " Definizione e utilizzo
Il <label> tag definisce un'etichetta per un <input> elemento.
Il <label> elemento non rende come qualcosa di speciale per l'utente. Tuttavia, si prevede un miglioramento di usabilità per gli utenti del mouse, perché se l'utente fa clic sul testo all'interno del <label> elemento, esso commuta il controllo.
Il for attributo del <label> tag deve essere uguale alla id attributo dell'elemento relativo per legare insieme.
Supporto per il browser
| Elemento | |||||
|---|---|---|---|---|---|
| <label> | sì | sì | sì | sì | sì |
Suggerimenti e Note
Suggerimento: Un'etichetta può essere associato a un elemento sia utilizzando il "for" l'attributo, o mettendo l'elemento all'interno del <label> elemento.
Differenze tra HTML 4.01 e HTML5
La "form" attributo è di nuovo in HTML5.
attributi
= Nuovo in HTML5.
| Attributo | Valore | Descrizione |
|---|---|---|
| for | element_id | Specifica quale elemento forma una etichetta è destinata a |
| form | form_id | Specifica uno o più moduli l'etichetta appartiene |
attributi globali
Il <label> tag supporta anche l' Attributi globali in HTML .
Attributi eventi
Il <label> tag supporta anche l' evento Attributi in HTML .
Pagine correlate
Di riferimento HTML DOM: oggetto Label
Impostazioni predefinite CSS
La maggior parte dei browser visualizzerà il <label> elemento con i seguenti valori di default: