Tag HTML <legend>

Le tag <legend> spécifie le titre des éléments de formulaire regroupés par le tag <fieldset>. Un groupe d'éléments de formulaire dans le navigateur est mis en surbrillance avec une bordure et le contenu du tag <legend> est inséré dans ce cadre.

Syntaxe

Le tag <legend> est apparié; le contenu est écrit entre le tag ouvrant (<legend>) et le tag fermant (</legend>). En général, le tag <legend> est spécifié comme le premier élément dans l’élément parent <fieldset>.

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
  </head>
  <body>
    <form>
      <fieldset>
        <legend>Information personnelle:</legend>
        Nom: <input type="text"><br/><br/>
        E-mail: <input type="text"><br/><br/>
        Date de naissance: <input type="text"><br/><br/>
        Lieu de naissance: <input type="text">
      </fieldset>
    </form>
  </body>
</html>

Résultat

Attributs

Attribut Valeur Description
align top
bottom
left
right
Il détermine l'alignement de la légende.
Cependant, il n'est plus utilisé en HTML5.

Le tag <legend> supporte également les Attributs globaux et les Attributs d'événements.

Comment styler le tag HTML <legend> ?

Propriétés communes pour modifier le poids visuel/emphase/taille du texte dans le tag <legend>:

Coloration du texte dans le tag HTML <legend>:

Styles de mise en page du texte pour la tag HTML <legend>:

Autres propriétés utiles pour le tag HTML <legend>:


Support de Navigateurs



Trouvez-vous cela utile?

Articles Associées