Quelle est la fonction de l'attribut for de la balise label html ? Introduction à l'attribut for de label label

Cet article présente principalement quelques fonctions de l'attribut for de la balise label html et quelques exemples de son utilisation. Jetons maintenant un coup d'œil ensemble à cet article

Tout d'abord, nous jetons un coup d'œil. regardez l'introduction de l'attribut for de la balise label :

est conçu pour servir l'élément d'entrée et définir des balises pour celui-ci.

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

Il existe deux façons de lier l'étiquette au contrôle de formulaire :

1 . Lier le contrôle de formulaire En tant que contenu de l'étiquette, il s'agit d'une liaison ermite.

L'attribut for n'est pas nécessaire pour le moment, et le contrôle lié n'a pas besoin de l'attribut id.

Liaison implicite :

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

2. Nommez l'identifiant du formulaire cible pour l'attribut for sous la balise

Liaison explicite :

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

Pourquoi devrions-nous ajouter l'attribut for à  ?

Après avoir ajouté l'attribut for à et lié le contrôle d'entrée, l'expérience utilisateur des utilisateurs de souris peut être améliorée.

Ce contrôle sera déclenché si le texte est cliqué dans l'élément label. Autrement dit, lorsque l'utilisateur restitue l'étiquette, le navigateur se concentre automatiquement sur le contrôle de formulaire lié à l'étiquette.

Il y a aussi l'effet de l'attribut for de la balise label html :

L'effet de l'attribut for de la balise label est que cliquer sur "femelle" avec la souris obtient l'effet de sélection radio, principalement

Grâce à for=nv et l'identifiant de la zone de texte de saisie doit être égal à nv A titre de comparaison, la radio mâle n'a pas cet effet.

<div>
<label for="nan1">男</label>
<input type="checkbox" id="nan" />
<label for="nv">女</label>
<input type="checkbox" id="nv" />
</div>

L'effet du code affiché dans le navigateur est le suivant Image :

L'image est une case à cocher qui permet des sélections multiples. Tout le monde peut l'utiliser pour des expériences.

Regardons un exemple de l'attribut for de la balise label html

Un formulaire avec deux boutons radio avec des étiquettes :

<form action="demo_form.asp">
<label for="male">php中文网</label>
<input type="radio" name="sex" id="male" value="male"/>
<label for="female">html</label>
<input type="radio" name="sex" id="female" value="female"/>
<input type="submit" value="Submit"/>
</form>

L'effet de ceci est le suivant :

Cette image est un bouton radio et ne peut pas être sélectionnée plusieurs fois.

Ce qui précède est l'intégralité du contenu de cet article. Concernant le contenu de l'attribut for de la balise label, j'espère que tout le monde pourra le pratiquer. Si vous ne connaissez pas l'adresse du cabinet, vous pouvez venir. le site Web PHP chinois et la pratique dans le didacticiel vidéo. Vous pouvez y copier votre code et voir l'effet. Si vous avez des questions, vous pouvez les poser ci-dessous.

[Recommandation de la rédaction]

Comment envelopper la balise de code html ? Cet article vous donne une compréhension approfondie de l'utilisation des expressions de code

La balise html tbody est-elle un élément de niveau bloc ? Utilisation de base de la balise html tbody

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!