English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'elemento HTML <label> (etichetta) rappresenta la descrizione di un elemento dell'interfaccia utente. Il tag <label> viene utilizzato per generare un titolo per l'input dell'utente (ad esempio, i tag <button>, <input>, <meter>, <output>, <progress>, <select> o <textarea>). Questo tag è anche noto come elemento <label>.
Un semplice modulo HTML con due campi di input e etichette correlate:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>Uso del tag label in HTML5 (Sito di base per tutorial oldtoolbag.com)</title> </head> <body> <h1>Uso del label</h1> <form action="demo-form.php"> <label for="company">Azienda: </label> <input type="text" name="company" id="company"><br> <label for="address">Indirizzo: </label> <input type="text" name="address" id="address"><br> <input type="submit" value="Invia"> </form> </body> </html>Prova a vedere ‹/›
IEFirefoxOperaChromeSafari
La maggior parte dei browser supporta il tag <label>.
Il tag <label> definisce un etichetta per l'elemento input. Serve per visualizzare il titolo degli elementi interattivi nella pagina web.
L'elemento <label> non presenta alcun effetto speciale agli utenti. Tuttavia, migliora l'accessibilità per gli utenti con mouse. Se si fa clic sul testo all'interno dell'elemento <label>, verrà attivato questo controllo. Questo significa che quando l'utente seleziona l'etichetta, il browser passerà automaticamente il focus al controllo del modulo associato all'etichetta.
L'attributo "for" dell'etichetta <label> dovrebbe essere lo stesso dell'attributo "id" dell'elemento relativo.
Suggerimento:La proprietà "for" può associare un'etichetta a un altro elemento. Imposta il valore della proprietà "for" al valore dell'attributo "id" dell'elemento relativo.
"form" è una proprietà nuova in HTML5.
Nuovo: Proprietà nuove in HTML5
| Proprietà | Valore | Descrizione |
|---|---|---|
| for | element_id | Definisce con quale elemento del modulo l'etichetta è associata. |
| formHTML5 | form_id | Definisce un campo di un modulo o più campi del modulo. |
L'etichetta <label> supporta le proprietà globali, consulta la tabella completa delle proprietà Proprietà globali HTML.
L'etichetta <label> supporta tutti gli eventi Proprietà degli eventi HTML.