Que signifie l'étiquette HTML ? Exemples d'utilisation des balises et attributs d'étiquette HTML

Que signifie l'étiquette HTML ? Que savez-vous des fonctions et des attributs des étiquettes HTML ? Cet article explique la définition et la fonction de la balise HTML label, ainsi qu'une explication détaillée des deux attributs de la balise HTML label (avec des exemples de l'attribut for de la balise HTML label)

La définition et l'utilisation :

L'étiquette définit l'étiquette (marqueur) de l'élément d'entrée. L'élément

label ne présente aucun effet spécial à l'utilisateur. Cependant, cela améliore la convivialité pour les utilisateurs de souris. Ce contrôle est déclenché si vous cliquez sur le texte à l'intérieur de l'élément label. C'est-à-dire que lorsque l'utilisateur sélectionne l'étiquette, le navigateur mettra automatiquement le focus sur le contrôle de formulaire lié à l'étiquette.

L'attribut for de l'étiquette doit être le même que l'attribut id de l'élément associé.

Remarque : L'attribut "for" peut lier l'étiquette à un autre élément. Veuillez définir la valeur de l'attribut "for" sur la valeur de l'attribut id de l'élément concerné.

Le rôle de l'étiquette HTML :

est une étiquette d'invite de texte, mais l'ajout de l'attribut for à l'étiquette d'étiquette peut être regroupé avec la boîte d'option correspondante, qui c'est-à-dire que dans ce cas, lorsque vous cliquerez sur cette zone de texte, cela aura pour effet de cliquer sur la zone d'option.

Exemple :

<lable>男</lable>
<input style="checkbox">

Lorsque la souris clique sur "masculin", la zone de texte derrière elle est automatiquement sélectionnée pour la saisie

Attributs de l'étiquette HTML :

En fait, il y a deux attributs dans Label qui sont très utiles, l'un est FOR et l'autre est ACCESSKEY.

L'attribut FOR dans la balise HTML label :

Fonction : Indique l'élément HTML à lier par la balise Label, vous cliquez dessus. Lorsqu'une balise est attachée, l'élément lié aura le focus.

Utilisation : Name

Étiquette HTML ACCESSKEY attribut dans l'étiquette :

Fonction : Indique la touche de raccourci pour accéder à l'élément lié à la balise Label Lorsque vous appuyez sur la touche de raccourci, l'élément lié prend le focus.

Utilisation : Name

Limitations : Les touches de raccourci définies par l'attribut accessKey ne peuvent pas entrer en conflit avec les touches de raccourci du navigateur, sinon les touches de raccourci du navigateur seront activées en premier.

Remarque : Pour lier LABEL à un autre contrôle, définissez l'attribut FOR de l'élément LABEL sur le même ID que le contrôle. Lier LABEL à la propriété NAME du contrôle est inutile. Cependant, pour soumettre le formulaire, vous devez spécifier un nom pour le contrôle auquel l'élément LABEL est lié.

HTML pour l'attribut de l'étiquette (avec exemple) :

Ceci a un exemple :

Avec deux champs de saisie et marqué associé Formulaire HTML simple :

<form>
  <label for="male">Male</label>
  <input type="radio" name="sex" id="male" />
  <br />
  <label for="female">Female</label>
  <input type="radio" name="sex" id="female" />
</form>

Étiquette HTML pour la définition et l'utilisation de l'attribut :

L'attribut for spécifie à quel élément de formulaire l'étiquette est liée. Les balises

Connexions implicites et explicites

sont généralement associées aux contrôles de formulaire de l'une des deux manières suivantes : en utilisant le contrôle de formulaire comme contenu de la balise mark, il s'agit d'un formulaire de formule implicite, ou nommez un identifiant de formulaire cible pour l'attribut for sous la balise , qui est la forme explicite.

Par exemple, en XHTML :

Association explicite :

<label for="SSN">Social Security Number:</label>
<input type="text" name="SocSecNum" id="SSN" />

Association implicite :

<label>Date of Birth: <input type="text" name="DofB" /></label>

Première balise Elle relie explicitement le texte " Numéro de sécurité sociale :" au contrôle de saisie de texte du numéro de sécurité sociale ("SocSecNum") du formulaire. La valeur de son attribut for est la même que l'identifiant du contrôle, qui est le SSN. La deuxième balise ("Date de naissance :") n'a pas besoin d'attribut for et son contrôle associé n'a pas besoin d'attribut id. Ils sont implicitement connectés en plaçant une balise .

Prise en charge des navigateurs :

Tous les principaux navigateurs prennent en charge l'attribut for.

Safari 2 ou version antérieure ne prend pas en charge l'attribut for.

Pour la syntaxe de l'attribut de la balise HTML :

<label for="value">

Pour la valeur de l'attribut de la balise HTML :

element_id : l'identifiant de l'élément auquel l'étiquette est liée.

[Recommandations associées]

Que signifie la zone de texte HTML ? Comment obtenir des sauts de ligne et des espaces dans les balises textarea ?

Que signifie la balise HTML5 Explication détaillée de l'utilisation de base de la balise HTML5

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!