Accueil    HTML    Balise LABEL
 



balise  label  Balise LABEL : Libellé

«  Partie précédente  |  Index  |  Partie suivante  »


  • Tag de fermeture obligatoire | Support :
  • Google Chrome
  • Firefox
  • Internet Explorer
  • Opera
  • Safari



La balise <label> permet de rattacher une information textuelle à un contrôle par le biais d'une étiquette. Ce tag est généralement utilisé dans les formulaires pour mettre en relation une zone de saisie et son descriptif. Cette relation entre balise <label> et <input> se fait en liant l'attribut "for" du tag <label> à l'attribut "id" de l'élément <input>.
Elle a pour effet de donner le focus ou de cocher (dans le cas de cases à cocher ou de boutons radio) le champ lorsque le champ contenu dans le label est cliqué.
Il est possible d'appliquer tous les styles de mise sur la balise label. Par défaut, le curseur de la souris est de type "default" lorsque celui-ci survole un label.



Propriétés pour la balise label :




Propriétés Définition Valeurs
for Indique à quel champ d'un formulaire la balise label fait référence Identifiant


Exemple d'utilisation de la balise label :





Exemple d'utilisation de l'attribut for :

<form>
<label for="ChampTexte">Descriptif :</label>
<input type="text" id="ChampTexte" />


<label style="font-weight:bold;">Choix de la classe pour votre voyage :</label>
<label for="preClasse">1ière classe</label>
<input type="radio" name="classe" id="preClasse" />
<label for="secClasse">2nde classe</label>
<input type="radio" name="classe" id="secClasse" />
</form>


Mise en forme d'un champ label :
<label style="font-family:Comic Sans MS; color:purple; text-decoration:underline overline;">
Texte contenu dans la balise label
</label>



Exemple d'utilisation de l'attribut for :










Mise en forme d'un champ label :