En ce qui concerne l’étiquette HTML ' s « Pour « propriété

Question

Les 2 lignes de code (copié à partir de w3schools.com > "HTML < label > pour l'Attribut"):

  <label for="male">Male </label>
  <input type="radio" name="sex" id="male" />

J'ai de la difficulté à découvrir le fin exacte de la au-dessus de l'étiquette de "pour" de la propriété. Comme vous pouvez le voir il est actuellement à "mâle" (pour correspondre à l'id de l'entrée de contrôle).

Tout ce que j'ai lu jusqu'à présent est que le code ci-dessus "associer" et " lié " l'étiquette avec le contrôle d'entrée. Donc ma question est, qu'est-ce exactement est-ce à dire?

Quels sont exactement les résultats d'associer l'étiquette pour le contrôle d'entrée?
Ne l'étiquette et/ou d'avoir de nouveaux comportements en tant que résultat de cette "association"?

Answer 1

A qui est associé à un contrôle via seront cliquables. En cliquant sur elle sélectionne le contrôle. Très utile avec radio/cases en particulier. Il a également des incidences sur l’accessibilité pour les lecteurs d’écran pour les personnes ayant une déficience visuelle.

Answer 2

Lorsque vous cliquez sur l' étiquette (mâle), la radio sera vérifié quelque chose n’est pas possible si vous n’utilisez pas un label. Une étiquette est également utile lors du développement pour les petits appareils comme les téléphones mobiles.

Ainsi, il est utile pour :

• raisons d’accessibilité
• petits appareils tels que téléphones mobiles, etc.
• utile dans les cases à cocher et les boutons de la radio en particulier

Answer 3

Je crois que le fait de lier un nom à un élément de formulaire vous permet d'assigner l' label d'une clé d'accès, qui mettra le focus sur l'élément de formulaire associé.

Comme d'autres l'ont mentionné, il vous permet également de cliquer sur l' label et attirer l'attention sur l'élément de formulaire.

L'attribut vous permet de placer l' label et l'élément sémantiquement différents domaines de l'html, et de maintenir de l'association. (Comme les deux tables, ou les deux divs). Si vous mettez les deux ensemble, comme dans votre exemple, il est également exact de joindre l'élément de formulaire dans l'étiquette et de renoncer à l' for d'attribut

Answer 4

Oui, je crois qu'il agit comme un contrôle de formulaire ou d’un mécanisme de vérification lors du remplissage d’un formulaire sur la page Web, en particulier ceux avec des cases à cocher ou des boutons radio. En cliquant sur l’étiquette, il pointe l’utilisateur directement vers une zone sur la forme, où l’information doit être tapée. Par exemple, un « texte ». Ou, dans un cas où l’utilisateur doit choisir parmi des options, telles que vrai ou faux, ou mâle ou femelle.