È importante utilizzare <label> in HTML?

Question

Mi scusi per la domanda forse molto stupida, ma la mia curiosità mi sta uccidendo, e in più sono nuovo a questo, ma uso etichette importanti nel tuo markup, e perché?

cioè

<label for="birthdate">Birthdate:</label> 
<input type="text" id="birthdate" name="birthdate" /> 

Perché devo etichettare questo ingresso, perché è vantaggioso per l'utente, perché sta per essere utile per un utilizzo futuro, o si tratta di ricerca cosa ottimizzazione dei motori. Questo è quello che voglio davvero sapere :)

Answer 1

E 'importante per una serie di motivi:

• Cliccando l'etichetta si concentra sul campo di testo
  , che è qualcosa di molto di utenti si aspettano.
• È utile per motivi di accessibilità.
• In che altro modo l'utente saprà quale campo è quale? Potresti usare solo testo o span o qualcosa del genere, ma perché dovresti?
• Porta a un markup più semantico.

Answer 2

È importante per l'accessibilità, quindi i non vedenti che usano i lettori di schermo possono facilmente dire quale casella di testo è destinata a quale cosa, poiché altrimenti il ​​loro software non può dire lo scopo della casella di testo attiva da la struttura della pagina. Inoltre, facendo clic sull'etichetta si concentra il controllo di input appropriato, il che è conveniente.

Answer 3

Aiuta all'accessibilità, ad es. informazioni sullo schermo.

Anche per elementi come le caselle di controllo consente all'utente di fare clic sull'etichetta e non solo sulla casella di controllo (Try it!).

Answer 4

uso futuro:

In un caso in cui il modulo di input html è direttamente collegato con il database (accade nei quadri)

così le variabili di modulo di ingresso rappresentano direttamente colonne del database.

Quindi, anziché mostrare i nomi delle colonne del database all'utente nel modulo, è possibile visualizzare i nomi semplificati all'utente utilizzando Etichette.