HTML <label>Balise


Exemples

Un formulaire HTML simple avec deux champs de saisie et des libellés associés :

<form action="demo_form.php"> <label for="male">Homme</label> <input type="radio" name="sex" id="male" value="male"><br> <label for="female">Femme</label> <input type="radio" name="sex" id="female" value="female"><br><br> <input type="submit" value="Envoyer"> </le formulaire>

Essayez-le vous-même »

Prise en charge des navigateurs

Internet Explorer Firefox Opera Google Chrome Safari

La plupart des navigateurs prennent actuellement en charge la balise <label>.

Définition de la balise et instructions d'utilisation

La balise <label> définit une étiquette (repère) pour l'élément input.

L'élément label ne produit aucun effet spécial pour l'utilisateur. Cependant, il améliore l'utilisabilité pour les utilisateurs de souris. Si vous cliquez sur le texte à l'intérieur de l'élément label, ce contrôle est déclenché. Autrement dit, lorsque l'utilisateur sélectionne le label, le navigateur transfère automatiquement le focus au contrôle de formulaire associé au label.

L'attribut for de la balise <label> doit être identique à l'attribut id de l'élément associé.

Conseils et notes

Astuce :L'attribut "for" peut lier le label à un autre élément. Définissez la valeur de l'attribut "for" sur la valeur de l'attribut id de l'élément associé.

Différences entre HTML 4.01 et HTML5

L'attribut "form" est nouveau dans HTML5.

Attributes

Nouveau: Nouveau dans HTML5.

Attribut Valeur Description
for element_id Spécifie à quel élément de formulaire le label est lié.
formNouveau form_id Spécifie un ou plusieurs formulaires auxquels le champ label appartient.

Attributs globaux

La balise <label> prend en charge les attributs globaux. Voir le tableau complet des attributsAttributs globaux HTML。

Attributs d'événement

La balise <label> prend en charge tous lesAttributs d'événement HTML。

Autres extensions