Compréhension approfondie du rôle et de l'utilisation des étiquettes en HTML (avec code)

La mise en page des formulaires est souvent utilisée dans le travail. Les balises d'étiquettes seront rencontrées dans la mise en page des formulaires. De nombreux novices peuvent ignorer les balises d'étiquettes lors de l'apprentissage, et certaines personnes n'ont que peu de connaissances sur les balises d'étiquettes. Ensuite, partageons-en avec vous. que signifie l'étiquette ? A quoi sert l'étiquette label ?

Vous rencontrerez l'utilisation de balises label dans la mise en page du formulaire. En fait, label n'a aucun effet de style et a pour fonction de déclencher le contrôle de formulaire correspondant. Par exemple, lorsque nous cliquons sur un bouton radio ou sur une case à sélection multiple, l'option de texte correspondante peut être sélectionnée. C'est l'effet obtenu en ajoutant une étiquette

1. Comment utiliser la balise label

La balise label définit une étiquette (marque) pour l'élément d'entrée. Elle ne présente aucun effet spécial. à l'utilisateur, et les balises span sont similaires. Mais la plus grande différence entre l'étiquette label et l'étiquette span est qu'elle améliore la convivialité pour les utilisateurs de souris et peut être associée à des contrôles de formulaire spécifiques.
Une fois l'étiquette d'étiquette associée à un contrôle de formulaire spécifique, si l'utilisateur clique sur le texte dans l'élément d'étiquette, le contrôle de formulaire associé sera déclenché. C'est-à-dire que lorsque l'utilisateur sélectionne l'étiquette d'étiquette, le navigateur mettra automatiquement le focus sur le contrôle de formulaire lié à l'étiquette d'étiquette. Lorsque vous cliquez sur le texte de l'étiquette , pour que le contrôle correspondant soit sélectionné, la valeur de l'identifiant du contrôle de formulaire correspondant doit être la même que la valeur for dans l'étiquette de l'étiquette.

2. Syntaxe de l'étiquette

male
Le texte de l'étiquette est plus nécessaire. Remplissez dans la valeur de l'attribut for dans la balise
Label pour le personnaliser Généralement, cela correspond à l'ID de l'objet de contrôle que vous souhaitez déclencher en cliquant.

3. Application pratique du label

L'extrait de code HTML est le suivant :

<form action="" method="get"> 
性别：<br /> 
<input name="sex" id="man" type="radio" value="" /> 
<label for="man">男</label> 
<input name="sex" id="woman" type="radio" value="" /> 
<label for="woman">女</label> 
</form>

Remarque : La valeur de l'identifiant dans le La balise d'entrée est la même que la valeur du for dans la balise d'étiquette correspondant à la valeur.

Regardez l'image :

Résumé : Généralement, il est nécessaire de cliquer sur le texte de la boîte du bouton radio ou sur le texte de la boîte du bouton de sélection multiple correspondant à le bouton de sélection à sélectionner, et utilisez la balise label C'est tout. Notez que for et id ont la même valeur. Les balises d'étiquette n'ont aucun style par défaut. Vous pouvez utiliser CSS pour définir la largeur CSS, la hauteur CSS, la bordure CSS et d'autres styles. Les novices peuvent taper plus de code et en essayer davantage. J'espère que ce tutoriel pourra vous aider.

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!