J'ai vu beaucoup de façons d'étiqueter les choses sous une forme telle que <label>, <div>, <span>, etc. Y a-t-il une bonne ou une mauvaise réponse à cela? Y a-t-il des avantages/inconvénients à l'un de ceux-ci? Merci VousQuelle est la bonne façon d'étiqueter les choses sous une forme?
label est le mieux pour l'accessibilité (l'ordre de tabulation, les lecteurs d'écran, etc.)
Voir plus: http://www.communitymx.com/content/article.cfm?cid=02310
La bonne façon de fournir une étiquette à un élément sous forme est utiliser <label>:
Certains contrôles de formulaire ont automatiquement des étiquettes associées (appuyez sur les boutons) alors que la plupart (champs de texte, ckboxes et boutons radio, et menus).
Pour les contrôles dotés d'étiquettes implicites, les agents utilisateur doivent utiliser la valeur de l'attribut
valuecomme chaîne d'étiquettes.L'élément
<label>est utilisé pour spécifier les étiquettes des commandes qui ne disposent pas des étiquettes implicites
Comme il est un élément sémantique fournit signifie à vos agents utilisateurs de marquage peut lui donner un sens et ont tendance à obligeamment clics directs sur l'étiquette de l'élément lui-même (très utile pour les contrôles minuscules comme les cases à cocher). Vous fournissez également une assistance utile aux personnes utilisant des lecteurs d'écran ou d'autres fonctionnalités d'accessibilité.
Vous ne devez pas utiliser <div> ou <span> pour réellement étiquette un élément. Pour le texte d'aide auxiliaire, cependant, ils pourraient s'avérer utiles. Mais à mon humble avis, vous devriez vous en tenir aux capacités sémantiques du HTML lorsque c'est possible et raisonnable. C'est comme un cas à mes yeux.
J'ont tendance à préférer ceci:
<label for="myInput">My Label</label>
<input type="textbox" name="MyInput" value="" />
Jetez un oeil à ce que pense Phil Haack ...
La meilleure façon est celle-ci:
<label for="anInput">This is the input</label>
<input type="text" name="anInput" />
Ceci est particulièrement intéressant pour cases à cocher. Si vous cliquez sur l'étiquette, elle coche/décoche la case. Si vous cliquez sur l'étiquette d'un champ de saisie, il le sélectionne.
La balise définit une étiquette pour un élément d'entrée .
L'élément d'étiquette ne rend pas quelque chose de spécial pour l'utilisateur. Cependant, il fournit une amélioration de l'utilisation pour les utilisateurs de souris, car si l'utilisateur clique sur le texte dans l'élément d'étiquette, il bascule le contrôle .
L'attribut for de l'étiquette doit être égal à l'attribut id de l'élément associé pour les lier ensemble .
L'attribut pour de l'étiquette est la partie critique. –
L'ordre de tabulation est spécifié sur l'élément '', * pas * sur l'étiquette. – Joey
L'onglet ignore les étiquettes, ce qui le rend plus utile –