Derniers tutoriels de développement web
 

HTML <label> Tag


Exemple

Trois boutons radio avec des étiquettes:

<form action="demo_form.asp">
  <label for="male">Male</label>
  <input type="radio" name="gender" id="male" value="male"><br>
  <label for="female">Female</label>
  <input type="radio" name="gender" id="female" value="female"><br>
  <label for="other">Other</label>
  <input type="radio" name="gender" id="other" value="other"><br><br>
  <input type="submit" value="Submit">
</form>
Essayez - le vous - même »

Définition et utilisation

Le <label> balise définit une étiquette pour un <input> élément.

Le <label> élément ne rend pas comme quelque chose de spécial pour l'utilisateur. Cependant, il offre une amélioration de la facilité d' utilisation pour les utilisateurs de souris, parce que si l'utilisateur clique sur le texte dans le <label> élément, il fait basculer le contrôle.

Le for attribut du <label> balise doit être égale à l' id attribut de l'élément lié à les lier ensemble.


support du navigateur

Élément
<label> Oui Oui Oui Oui Oui

Trucs et astuces

Astuce: Une étiquette peut être lié à un élément , soit en utilisant le "for" attribut, ou en plaçant l'élément à l' intérieur du <label> élément.


Différences entre HTML 4.01 et HTML5

La "form" attribut est nouvelle en HTML5.


Les attributs

= Nouveau en HTML5.

Attribut Valeur La description
for element_id Indique quel élément de forme d'une étiquette est liée à
form form_id Spécifie une ou plusieurs formes de l'étiquette appartient

Attributs globaux

Le <label> tag soutient également le attributs globaux en HTML .


Attributs de l'événement

Le <label> tag soutient également l' événement Attributs en HTML .


Pages associées

Référence HTML DOM: Étiquette Objet


Paramètres par défaut de CSS

La plupart des navigateurs affichent le <label> élément avec les valeurs par défaut suivantes:

Exemple

label {
    cursor: default;
}
Essayez - le vous - même »