Balise legend

La balise legend définit une légende pour le regroupement de champs d'un formulaire HTML, créé à l'aide de la balise fieldset.

Si vous appliquez à la balise legend des styles CSS pour le positionnement (float, position etc.), son contenu quittera la bordure et se placera à l'endroit souhaité (il n'y aura alors plus de rupture dans la bordure).

Exemple

Divisons le formulaire en deux blocs logiques à l'aide de deux balises fieldset, et créons les légendes des blocs avec la balise legend :

html<form>
  <fieldset>
    <legend>Données de l'acheteur</legend>
    <input type="text">
  </fieldset>
  <fieldset>
    <legend>Données du vendeur</legend>
    <input type="text">
  </fieldset>
</form>

Результат:

Voir aussi