Manuel de référence HTML

Tous les tags HTML

HTML: Balise <legend>HTML5: <keygen> balise

HTML: Balise <label>

L'élément <label> HTML (étiquette) représente une explication pour un élément dans l'interface utilisateur. Le tag <label> est utilisé pour générer des titres pour les entrées de l'utilisateur (par exemple, les tags <button>, <input>, <meter>, <output>, <progress>, <select> ou <textarea>), et ce tag est également connu sous le nom d'élément <label>.

Exemple en ligne

Un simple formulaire HTML avec deux champs d'entrée et des étiquettes associées :

Exemple

!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5　Utilisation des étiquettes label (tutoriel de base du site web oldtoolbag.com)</title>
</head>
<body>
<h1>Utilisation de </h1>
<form action="demo-form.php">
　　<label for="company">Société:　</label>
　　<input type="text" name="company" id="company"><br>
　　<label for="address">Adresse:　</label>
　　<input type="text" name="address" id="address"><br>
　　<input type="submit" value="Soumettre">
</form>
</body>
</html>

Testez pour voir ‹/›

Compatibilité des navigateurs

IEFirefoxOperaChromeSafari

La plupart des navigateurs actuels supportent le tag <label>.

Définition et instructions d'utilisation des étiquettes

Le tag <label> définit une annotation (marque) pour l'élément input. Il est utilisé pour afficher le titre des contrôles interactifs sur une page web.

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

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

Avis et conseils

Avis:L'attribut "for" peut lier le label à un autre élément. Configurez la valeur de l'attribut "for" à la valeur de l'attribut "id" de l'élément pertinent.

HTML 4.01 et HTML5différences entre

"form" attribut est HTML5 nouvel attribut.

Attribut

New : HTML5 Nouvel attribut.

Attribut	Valeur	Description
for	element_id	Définit avec quel élément de formulaire le label est lié.
formHTML5	form_id	Définit un ou plusieurs champs de formulaire appartenant à un champ label.

Attributs globaux

<label> balise prend en charge les attributs globaux, consultez le tableau complet des attributs Attributs globaux HTML.

les attributs d'événement

<label> balise prend en charge tous Attributs d'événement HTML.

HTML: Balise <legend>HTML5: <keygen> balise