Étiquette Javascript

| | | | | | | | | | | | | | | | | |

La balise d`étiquette HTML est utilisée pour définir une légende pour un élément dans un formulaire HTML. Ils sont accessibles avec la balise et sont liés à un module web particulier. Lorsqu`ils sont cliqués, ils permettent à l`utilisateur d`interagir avec un formulaire.

Lors de la création de formulaires HTML, vous pouvez choisir d`ajouter une légende aux champs d`un formulaire. Par exemple, vous voudrez peut-être qu`un champ de formulaire qui nécessite le nom d`un client ait la légende Name :.

C`est là que le code HTML La balise est utilisée pour définir une légende pour un élément de contrôle de formulaire dans un formulaire HTML. Chaque étiquette est associée à un élément spécifique dans un formulaire.

Ce tutoriel explique, en se référant à des exemples, comment utiliser la balise HTML label pour ajouter une étiquette à un formulaire. À la fin de la lecture de ce didacticiel, vous serez un expert dans la création d`étiquettes de formulaire à l`aide de HTML.

Étiquette HTML

La balise ajoute un `libellé d`un élément de formulaire particulier dans un formulaire. Chaque balise label est associée à un élément de formulaire via l`attribut HTML for.

Il existe plusieurs raisons pour lesquelles vous devriez utiliser la balise qui est important. Tout d`abord, l`étiquette est associée à un champ de formulaire particulier sur une page Web. Cela signifie que si un lecteur d`écran rencontre le champ de formulaire, le contenu de l`étiquette spécifiée sera lu à l`utilisateur. Ceci, à son tour, rend votre site Web plus accessible.

De plus, lorsqu`une balise est associée à un champ de formulaire, l`utilisateur peut cliquer sur le texte à l`intérieur de l`étiquette pour activer le module. Cela permet à l`utilisateur de commencer plus facilement à interagir avec un champ de formulaire car il n`a pas à cliquer directement sur l`élément.

Par exemple, si vous avez un élément de case à cocher non marqué, l`utilisateur devra cliquer directement à l`intérieur de la case à cocher pour activer l`élément., si vous avez spécifié une balise , l`utilisateur peut également cliquer sur la balise pour activer la case à cocher.

Syntaxe des balises HTML

La syntaxe de la balise HTML est :

L`attribut for permet d`associer une étiquette à un élément. La valeur de l`attribut pour doit être identique à l`attribut d`entrée id utilisé par un élément .

Vous pouvez également insérer un champ dans une étiquette pour lier le formulaire de saisie à l`étiquette, au lieu d`utiliser l`attribut pour . La syntaxe pour cela est :

La balise HTML prend en charge tous les attributs globaux en HTML. De plus, la balise est prise en charge dans tous les principaux navigateurs.

Exemples d`étiquettes HTML

Supposons que vous créez un champ de formulaire Web qui nécessite un utilisateur pour leur adresse e-mail.

Nous voulons que le champ du formulaire apparaisse avec la légende Quelle est votre adresse e-mail ? Nous pouvons utiliser deux approches pour ce faire : utilisez le pour l`attribut ou utilisez une étiquette imbriquée.

pour l`attribut

Nous pourrions utiliser le code suivant pour ajouter cette balise à un champ de saisie à l`aide de l`attribut for :

Notre code renvoie ce qui suit :


Décomposons notre code.

Dans la première ligne, nous avons utilisé un pour ajouter le libellé Quelle est votre adresse e-mail ? à notre formulaire web. Nous avons spécifié l`attribut pour et lui avons attribué la valeur email_address, qui relie l`étiquette à notre champ de formulaire avec l`id email_address .

À la fin de la ligne, nous avons utilisé une balise
pour insérer une ligne horizontale vide dans notre code.

Sur la ligne suivante, nous avons créé un champ de saisie de texte à l`aide de la balise . Ce champ de saisie a l`identifiant email_address , que nous utilisons pour lier le champ de saisie à une balise.

Balise imbriquée

Alternativement, nous pouvons utiliser un < balise code> imbriquée dans une balise pour créer notre étiquette. Voici le code que nous utiliserions pour créer une étiquette imbriquée pour notre formulaire Web ci-dessus :

Notre code renvoie :

Notre formulaire est visuellement le même que notre premier exemple. Cependant, dans cet exemple, nous n`utilisons pas l`attribut for pour lier notre étiquette à notre formulaire. Au lieu de cela, nous plaçons notre balise dans une balise , qui relie les deux balises HTML.

Accessibilité des étiquettes HTML

Il y a quelques notes d`accessibilité que vous devez garder à l`esprit lors de la conception d`une étiquette à l`aide de la balise .

Tout d`abord, les en-têtes ne doivent pas être placés à l`intérieur une balise . En effet, les éléments d`en-tête des balises peuvent interférer avec les technologies de lecture d`écran et d`autres outils utilisés pour promouvoir l`accessibilité Web. Donc, si vous voulez ajouter un en-tête à une étiquette de formulaire, vous devez le faire en dehors de toute balise .

Deuxièmement, vous ne devez pas mettre de boutons ou liens à l`intérieur d`une balise . En effet, les éléments interactifs d`une balise peuvent être source de confusion pour l`utilisateur lorsqu`il s`agit de comprendre le fonctionnement du formulaire Web. Si un bouton est disponible dans un , par exemple, l`utilisateur peut penser qu`il doit cliquer sur le bouton pour interagir avec le formulaire Web.

Conclusion

La balise HTML est utilisée pour créer des étiquettes de formulaire. Ces étiquettes sont liées à un formulaire Web particulier et, lorsqu`elles sont cliquées, permettent à l`utilisateur d`interagir avec un formulaire.

Ce tutoriel a montré, en se référant à des exemples, comment utiliser le HTML pour ajouter des étiquettes à un élément de formulaire, ainsi que les problèmes d`accessibilité associés à la balise . Vous avez maintenant les connaissances nécessaires pour commencer à travailler avec HTML balises comme un pro !