Attribut for de la balise HTML

Balise HTML <label>

Définition et utilisation

for L'attribut determine à quel élément de formulaire la balise est liée.

Lien implicite et explicite

Le marqueur est généralement lié aux contrôles de formulaire de deux manières : en utilisant le contrôle de formulaire comme contenu de la balise, ce qui est un lien implicite, ou en spécifiant l'attribut for sous la balise <label>. for L'attribut nomme un id de formulaire cible, ce qui en fait un lien explicite.

Par exemple, dans XHTML :

Lien explicite :

<label for="SSN">Numéro d'identité :</label>
<input type="text" name="IdNum" id="IN" />

Lien implicite :

<label>Anniversaire :<input type="text" name="DofB" /></label>

Le premier marqueur lie explicitement le texte "Social Security Number:" et le contrôle d'entrée de texte du numéro de sécurité sociale du formulaire ("SocSecNum"), son for La valeur de l'attribut et l'id du contrôle sont tous deux SSN. Le deuxième marqueur ("Date of Birth:") n'est pas nécessaire for L'attribut, ainsi que les contrôles associés, n'ont pas besoin de l'attribut id. Ils sont implicitement liés en plaçant une balise <input> dans une balise <label>.

Exemple

Trois boutons radio étiquetés :

<form action="/action_page.php">
  <input type="radio" id="html" name="fav_language" value="HTML">
  <label for="html">HTML</label><br>
  <input type="radio" id="css" name="fav_language" value="CSS">
  <label for="css">CSS</label><br>
  <input type="radio" id="javascript" name="fav_language" value="JavaScript">
  <label for="javascript">JavaScript</label><br><br>
  <input type="submit" value="Soumettre">
</form>

Essayer personnellement

Syntaxe

<label for="element_id">

Valeur de l'attribut

Valeur Description
element_id ID de l'élément lié à la balise.

Prise en charge du navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

Balise HTML <label>