Concernant la propriété “For” de l’étiquette HTML

Considérant les 2 lignes de code suivantes (copiées depuis w3schools.com> “HTML

  

J’ai du mal à découvrir le but exact de la propriété “for” de l’étiquette ci-dessus. Comme vous pouvez le voir, il est actuellement défini sur “male” (pour correspondre à l’identifiant du contrôle d’entrée).

Tout ce que j’ai lu jusqu’à maintenant, c’est que le code ci-dessus “associera” et “liera” l’étiquette avec le contrôle d’entrée. Donc, ma question est la suivante: qu’est-ce que cela signifie exactement?

Quels sont exactement les résultats de l’association de l’étiquette au contrôle d’entrée?
L’étiquette et / ou l’entrée ont-elles de nouveaux comportements à la suite de cette «association»?

Une label associée à un contrôle via for sera cliquable. En cliquant dessus sélectionne le contrôle. Très utile avec radio / cases à cocher en particulier. Cela a également des implications sur l’accessibilité pour les lecteurs d’écran pour les malvoyants.

Lorsque vous cliquez sur l’ étiquette (Homme), la radio sera vérifiée si quelque chose n’est pas possible si vous n’utilisez pas une étiquette. Une étiquette est également utile lors du développement de petits appareils tels que les mobiles.

Donc, c’est utile pour:

  • raisons d’accessibilité
  • des appareils plus petits tels que les mobiles, etc.
  • utile dans les boutons radio et les cases à cocher en particulier

Je crois que lier une étiquette à un élément de formulaire vous permet d’atsortingbuer à l’ label une clé d’access, qui mettra le focus sur l’élément de formulaire qui lui est associé.

Comme d’autres l’ont mentionné, il vous permet également de cliquer sur l’ label et de mettre en évidence l’élément de formulaire.

L’atsortingbut for vous permet de placer l’ label et l’élément dans des zones sémantiquement différentes du code HTML et de conserver l’association. (Comme deux tableaux ou deux div différents). Si vous les mettez ensemble comme dans votre exemple, il est également correct de placer l’élément de formulaire dans l’étiquette et de renoncer à l’atsortingbut for

Oui, je pense que cela agit comme un contrôle de formulaire ou un mécanisme de vérification lorsque vous remplissez un formulaire sur une page Web, en particulier avec des boutons radio ou des cases à cocher. En cliquant sur l’étiquette, l’utilisateur pointe directement sur une zone du formulaire où les bonnes informations doivent être saisies. Par exemple, un “texte”. Ou, dans le cas où l’utilisateur doit choisir parmi certaines options, telles que true ou false, ou masculin ou féminin.