

new!








|
Utilisation de la balise <label> dans un formulaire


Mais, qu'est ce donc ?
 
Cette balise meconnue permet d'ameliorer grandement l'ergonomie de vos formulaires.
Elle permet en effet de cocher un element "radio" et "checkbox" par un clic sur le texte qui lui est joint.
Ca sera plus clair avec un exemple :
C'est tout de même plus simple non ? :)
Utilisation :
 
C'est assez simple, il suffit :
1 - de donner un "id" a l'element radio :
<input type="radio" name="test" value="1" id="nom_d_id" />
2 - d'entourer le texte correspondant de balises <label>, en passant l'ID en parametre :
<label for="nom_d_id">Et voila le travail</label>
Ce qui donne dans un formulaire :
<form>
Vous êtes :<br />
<input type="radio" name="test" value="1" id="radio1" /> <label for="radio1">Integrateur HTML</label><br />
<input type="radio" name="test" value="1" id="radio2" /> <label for="radio2">Developpeur</label><br />
<input type="radio" name="test" value="1" id="radio3" /> <label for="radio3">Graphiste</label><br />
<input type="radio" name="test" value="1" id="radio4" /> <label for="radio4">Autre</label><br />
</form>
Resultat :
 
Annotations des visiteurs :
 
De tibo59 - le 12-02-2005
  excellent! je connaissais pas mais ouarf vais en abuser :p | De francocompanies - le 14-11-2004
  Moi aussi, j'utilise Safari sur mon MAC, et le script fonctionne parfaitement. | De Rothlis - le 06-09-2004
  Les <label> ne sont pas compatibles avec Safari. | De Xenon_54 - le 14-07-2004
  Le tag <label> permet en fait d'associer un texte, une explication à un champ formulaire. Il est notamment utilisé par les non-voyants.
Veillez donc à modifier vos formulaires pour ceux qui ne peuvent voir. :) |
|
>> Poster une annotation sur cette astuce
  Retour à la liste des trucs et astuces
|

|