ACCUEIL |  PAGE PRECEDENTE |  PAGE SUIVANTE |  FIN DE PAGE |  INDEX

<LABEL> ... </LABEL>



Utilisation

Donne un libellé à un contrôle.

Balises de début/de fin

Nécessaire/nécessaire

Attributs

%coreattrs, %i18n, %events

for="..." : associe un libellé à un contrôle donné

disabled="..." : désactive un contrôle

accesskey="..." : affecte une touche de raccourci à cet élément

onfocus="..." : événement qui se déclenche lorsque l'élément reçoit le focus

onblur="..." :  événement qui se déclenche lorsque l'élément perd le focus

Vide

Non

Remarques :

Exemple d'utilisation :

rendu ainsi :
Informations personnelles
Sexe
Demande d'abonnement Souhaitez-vous recevoir notre lettre d'information ?
 
Commentaires :

On peut naviguer parmi les champs de ce formulaire en tapant la première lettre du nom du champ tout en maintenant la touche ALT enfoncée :
ALT + P -> Prénom, ALT+N -> Nom, ALT+M -> Masculin, ALT+F -> Féminin, ALT+O -> Oui, ALT+R -> Non

Les balises <FIELDSET>, <LEGEND> et <LABEL> ont été introduites, dans le HTML 4.0, dans l'optique d'améliorer l'accès au Web par les mal voyants, les handicapés ou tout simplement ceux qui n'ont pas de souris ou ceux encore dont la souris est en panne.

Dans l'exemple ci-dessus, lorsque les champs du prénom et du nom sont sélectionnés ( c'est-à-dire,reçoivent le focus ), un script lance une invite audio qui pourrait être un message sonore indiquant ce qu'il faut faire ( n'en n'ayant pas sous la main, j'ai remplacé par un son wave pour la démo ).

On pourrait encore aller plus loin en effectuant un contrôle d'erreur côté client, afin que les champs soient correctement complétés avant d'être soumis au serveur pour traitement.

Document additionnel ( Face cachée d'HTML - Eyrolles ) :

  LABEL (ETIQUETTE attachée à un contrôle) HTML
Définition Permet d'attacher une information aux éléments de contrôle d'un formulaire. Les étiquettes peuvent être rendues de diverses manières par les navigateurs.
3.2 4.0
Syntaxe <LABEL > Etiquette à attacher</LABEL>
L'élément LABEL est un élément fermé.
   
Attributs spécifiques
For= Paramètres : La valeur que peut prendre l'attribut est un libellé    
Syntaxe Exemple :
<LABEL for="fname"> Prénom </LABEL>
   
Note: L'élément LABEL fait son apparition pour la première fois dans le document de travail sur les spécifications HTML 4.0 .

L'élément LABEL permet de rattacher une information à un contrôle par le biais d'une étiquette. La relation entre LABEL et INPUT peut être explicite ou implicite.

Relation explicite :
l'étiquette est définie grâce à l'attribut FOR dans LABEL et identifiée grâce à l'attribut ID dans INPUT, comme dans l'exemple suivant :
<LABEL for="fname"> First Name </LABEL>
<INPUT type="text" name="firstname" id="fname" >

Relation implicite :
elle découle de la syntaxe suivante

<LABEL> 
First Name
<INPUT type="text" name="firstname">
</LABEL>


ACCUEIL |  PAGE PRECEDENTE |  PAGE SUIVANTE |  DEBUT DE PAGE |  INDEX