La etiqueta de un campo

Podrías pensar que crear una etiqueta para un campo es muy sencillo: escribes un texto junto al campo y listo.

Etiqueta <input type="text" name="username">

En realidad, eso no basta: solo tenemos un texto y un campo que están uno junto al otro, sin ninguna relación lógica.

Hay una etiqueta HTML especial que permite afirmar: «¡Este texto sí es la etiqueta de este campo!». Es la etiqueta de apertura y cierre <label>.

Esta etiqueta crea una relación lógica entre el texto y el campo. Además, al hacer clic en su texto, el cursor pasa al campo correspondiente.

Crear las etiquetas de los campos con <label> es una buena práctica. Úsala.

La primera forma de crear una etiqueta es envolver tanto su texto como el campo en <label>, así:

<label>
  Etiqueta <input type="text" name="username">
</label>

Al envolver el texto en <label>, su aspecto no cambia: la función principal de esta etiqueta es crear una relación lógica.