Quel est l'attribut HTML for="" dans <label> ?

Question

J'ai vu cela dans jQuery - qu'est-ce que cela fait ?

<label for="name"> text </label>
<input type="text" name="name" value=""/>

Answer 1

Il est utilisé pour <label> élément

il est utilisé avec le type d'entrée checkbox ou redio pour sélectionner sur le clic d'étiquette

Démonstration de travail

Answer 2

El for de l'attribut <label> doit être égal à l'attribut id de l'élément lié pour les lier ensemble.

Answer 3

Pour votre information, si vous êtes dans un environnement typographique avec, par exemple, un système de gestion de l'information.

<label for={this.props.inputId}>{this.props.label}</label>

vous devez utiliser htmlFor

<label htmlFor={this.props.inputId}>{this.props.label}</label>

Answer 4

Il associe l'étiquette à un élément d'entrée. Les étiquettes HTML sont destinées à transmettre une signification particulière aux utilisateurs de diverses catégories. Voici à quoi sert l'étiquette :

1. Pour les personnes souffrant de handicaps moteurs (également pour les utilisateurs généraux de souris) : Les étiquettes correctement utilisées peuvent être cliquées pour accéder au contrôle de formulaire associé. Par exemple, au lieu de cliquer sur la case à cocher, l'utilisateur peut cliquer sur une étiquette plus facilement cliquable et faire basculer la case à cocher.
2. Pour les utilisateurs malvoyants : Les utilisateurs malvoyants utilisent des lecteurs d'écran qui lisent la balise d'étiquette associée chaque fois qu'un contrôle de formulaire est mis en évidence. Cela permet aux utilisateurs de connaître l'étiquette qui, autrement, leur serait invisible.

En savoir plus sur l'étiquetage -> https://www.w3.org/TR/WCAG20-TECHS/H44.html

Answer 5

Il est utilisé dans <label> texte pour html

eg.

<label for="male">Male</label>

<input type="radio" name="sex" id="male" value="male"><br>