Il Tag <label> HTML

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>