Balise HTML essentielle

Balise <label>

Elle nomme un champ de formulaire et l'associe à son contrôle.

À quoi sert <label> ?

Elle nomme un champ de formulaire et l'associe à son contrôle.

La règle de base reste simple: choisissez cette balise quand elle décrit mieux le contenu qu'un conteneur générique. Écrivez un nom court, visible et stable.

Syntaxe courte

<label for="email">Adresse e-mail</label>
<input id="email" name="email" type="email">

Bon usage

  • Écrivez un nom court, visible et stable.
  • Associez tous les champs importants à un label.
  • Ajoutez un texte d'aide separe si la consigne est longue.

Erreurs fréquentes

  • Ne remplacez pas le label par un placeholder.
  • N'utilisez pas un label vague comme information.

SEO et accessibilité

Les labels améliorent l'accessibilité et reduisent les erreurs dans les parcours importants.

Continuer avec