Il Tag <label> HTML
Edoardo Midali
Definizione e utilizzo
Il tag <label> definisce una etichetta per diversi elementi:
<input type="checkbox"><input type="color"><input type="date"><input type="datetime-local"><input type="email"><input type="file"><input type="month"><input type="number"><input type="password"><input type="radio"><input type="range"><input type="search"><input type="tel"><input type="text"><input type="time"><input type="url"><input type="week"><meter><progress><select><textarea>
L’uso corretto delle <label> porta i seguenti vantaggi:
- Gli utenti degli screen reader (che leggeranno ad alta voce l’etichetta quando l’utente si concentra sull’elemento).
- Gli utenti che hanno difficoltà a cliccare su regioni molto piccole (come le caselle di controllo) - perché quando un utente fa clic sul testo all’interno dell’elemento
<label>, attiva l’input (aumentando l’area di clic).
<form>
<label for="nome">Nome</label>
<input type="text" id="nome" name="nome" />
</form>
