Le Coin Web de QuentinC - Formulaires - L'apport bénéfique des labels

Formulaires - L'apport bénéfique des labels

A première vue, l'élément label n'apporte rien de plus qu'un simple paragraphe ou un élément span au niveau du design; Par contre, au niveau utilisabilité, les labels facilitent la vie. Outre le fait que label est le seul élément qui permet de relier logiquement un label et son contenu, il permet également de rendre cliquable le texte inclus dans le label. Ceci évite notamment d'obliger le visiteur à cliquer sur le petit carré d'une case pour la cocher.

Label : Mode d'emploi

L'élément label possède un attribut obligatoire, for. A l'aide de cet attribut, vous indiquez à quel contrôle de formulaire (input, select, button ou textarea ) le label est relié. IL doit donc contenir l'identificateur unique (attribut id et non pas name) de l'élément visé.

Par exemple :

En théorie, il serait également possible de faire la variante ci-dessous. Mais malheureusement, la plupart des navigateurs ne la supportent pas.

Vous êtes ici : Accueil > Référence HTML et JavaScript > Formulaires - L'apport bénéfique des labels

Dernière modification de cette page : Dimanche 23 avril 2006 19:09
Haut de page  •  Contact  •  RSS  •  Valide XHTML 1.0