Le contenu introduit est une analyse détaillée de la méthode d'utilisation de l'attribut FOR de la balise <Que> dans HTML5. Ce site Web contient une analyse détaillée des méthodes d'utilisation des attributs FOR de la balise <Que> dans cet article, et explique la balise étiquetée HTML5 pertinente pour la technologie des attributs et les connaissances dans l'article. Bienvenue pour vous apporter un soutien et aider à cet égard! Voici les détails:
Le contenu introduit est une analyse détaillée de la méthode d'utilisation de l'attribut FOR de la balise <Que> dans HTML5.
Dans Create a Set of Radio Buttons du tutoriel HTML sur FreeCodeCamp, j'ai vu ce passage,
Il est considéré comme la meilleure pratique pour définir un attribut pour l'élément d'étiquette, avec une valeur qui correspond à la valeur de l'attribut ID de l'élément d'entrée. Cela permet aux technologies d'assistance de créer une relation liée entre l'étiquette et l'élément d'entrée de l'enfant.
Le sens à peu près est: la meilleure façon de le faire est d'ajouter un for pour label , et sa valeur est la même que la valeur de id de la balise input pour créer une association entre l'étiquette et l'entrée.
En même temps, un exemple de code est donné, comme suit:
<! - Code 1 -> <étiquette pour = Indoor> <ID ID = INDOOR TYPE = Radio Name = Indoor-Outdoor> Indoor </bable>
Dans le code, la valeur d'attribut pour l'étiquette est la même que la valeur d'attribut ID de l'entrée. À partir de ce code, vous ne pouvez pas voir où se trouve l'association.
La définition de l'attribut pour l'étiquette est la suivante:
L'attribut FOR spécifie quel élément forment une étiquette est lié.
Traduction: l'attribut FOR spécifie quel élément de la forme est lié.
Exemple de code:
<! - Code 2 -> <formulaire Action = / Action_Page.php> <Type de Radio = Radio = Gender Id = Male Value = Male> <Label for = Male> Male </ Label> <br> <INPUT TYPE = Radio Name = Gender ID = Femme Value = Female> <Label for = Female> Female </ Label> <br> <INPUT TYPE = Radio Name = Gender Id = Autre Value = Autre> <Label for = Autre> valeur = soumettre> </ form>
En comparant les deux pièces de code, il n'est pas difficile de le découvrir.
La relation d'inclusion entre l'étiquette et la balise d'entrée est différente. L'étiquette et l'entrée du code 1 appartiennent à la relation d'inclusion, tandis que l'étiquette et l'entrée du code 2 sont relativement indépendantes.
L'étiquette et l'entrée sont organisées différemment sur la page. Grâce aux outils de développeur de Chrome, il n'est pas difficile de constater que les résultats en cours d'exécution du code 1, la balise d'étiquette couvre la balise d'entrée, les résultats en cours d'exécution du code 2, la balise d'étiquette et la balise d'entrée sont parallèles.
L'étiquette et l'entrée correspondent une par une. Cliquez sur le contenu de l'étiquette et le bouton mono-extrémité correspondant sera sélectionné.
Si nous supprimons l'attribut pour l'étiquette dans les deux codes, le point 1 et le point 2 précédent restent inchangés, et le changement est le point 3. Pour les résultats de l'opération du code 1, cliquez sur le contenu de l'étiquette et vous pouvez toujours sélectionner le bouton radio. Le code 2 est différent. Si vous cliquez sur le contenu de l'étiquette, le bouton radio ne peut pas être sélectionné.
Après une simple comparaison des résultats en cours d'exécution du code, nous pouvons vérifier que le passage cité au début de l'article est correct. Cette pratique d'ajouter des attributs aux étiquettes peut améliorer la qualité du code.
L'analyse détaillée des méthodes d'utilisation d'attribut FOR de la balise <Que> dans HTML5 est ici. Vous pouvez mettre en signet l'URL de cette page http://www.vevb.com/web/a/2018090496006.shtml pour y accéder la prochaine fois.