Étiquette HTML | Expliqué

Lors de la création d'un formulaire, il est nécessaire d'ajouter des sous-titres pour les éléments de formulaire afin que les utilisateurs sachent quoi fournir ou entrer dans les composants, tels que la zone de texte, la case à cocher, les boutons radio et plus. Plus précisément, HTML propose un «étiqueter”Tag pour rendre la page Web plus interactive. En utilisant cette balise, la légende supplémentaire améliorera également la convivialité et l'accessibilité globales de la page Web en la liant avec l'élément correspondant.

Cet article expliquera la balise d'étiquette avec ses avantages.

Avant de passer à la discussion, discutons d'un exemple pratique de la façon dont une étiquette d'étiquette fonctionne dans HTML.

Que se passe-t-il lorsque vous créez une page Web sans balise d'étiquette?

Dans la section Code ci-dessous, l'élément corporel HTML d'alignement du texte global est «centre», Qui alignera les textes à l'intérieur du centre. "Prénom:"Est ajouté comme une légende simple sans étiquette d'étiquette. Ensuite, ajoutez la balise avec l'attribut "taper"Et le définissez comme"texte«Pour ajouter une boîte d'entrée qui accepte uniquement le texte.

Html

Prénom:

On peut observer que lorsque nous avons cliqué sur l'étiquette ajoutée, la zone de texte ne montre aucune réponse:

Maintenant, regardez la section ci-dessous pour comprendre le but et l'utilisation des étiquettes HTML.

Qu'est-ce que la balise d'étiquette HTML?

En termes simples, une étiquette est également connue comme une légende. Dans le formulaire HTML, des légendes sont ajoutées avec les contrôles de formulaire d'entrée afin que l'utilisateur sache ce qu'il devrait entrer dans le champ spécifique. Le principal avantage des balises d'étiquette est l'accessibilité, car la légende est visible pour l'utilisateur et programmatiquement associée aux contrôles de formulaire d'entrée.

Syntaxe

La syntaxe de la balise d'étiquette associée à une balise est décrite ci-dessous:

Légende

Voici la description des composants de syntaxe indiqués ci-dessus:

• "pour«L'attribut de la balise d'étiquette doit être le même que l'attribut ID de la balise d'entrée. Parce qu'ils sont associés les uns aux autres.
• "taper«L'attribut est défini comme«texte"Seulement pour obtenir la valeur du type de texte.

Comment créer une étiquette dans HTML?

Pour créer un élément d'étiquette HTML, utilisez le «”Tag avec une balise. Définissez le type de champ de saisie comme «texte»Et spécifiez l'ID du champ de saisie comme valeur du«pour" attribut.

Html

Prénom

Dans ce cas, lorsque le texte ajouté est cliqué, le contrôle est passé au champ de saisie. Cela indique que la légende est associée à la zone de texte:

Conseil bonus

Vous pouvez également enrouler une étiquette autour des éléments de contrôle de la forme. Cependant, dans ce cas, vous n'avez pas besoin d'utiliser le «pour" et "identifiant»Attributs tels qu'utilisés dans l'exemple ci-dessus:

Prénom:

Nous avons compilé les informations essentielles liées à l'utilisation d'étiquettes HTML.

Conclusion

L'étiquette HTML, également connue sous le nom de légende, peut être utilisée en coopération avec l'élément d'entrée. Il offre une meilleure accessibilité et améliore la convivialité globale de la page Web. Pour utiliser une étiquette, le HTML ""Peut être ajouté si nécessaire. Cet article a expliqué l'élément d'étiquette HTML, son importance et son utilisation connexe.