Balise fieldset

La balise fieldset regroupe les champs d'un formulaire HTML.

Le résultat est entouré d'une bordure, et la légende, crée à l'aide de la balise legend, interrompt cette bordure, créant un effet unique impossible à reproduire par d'autres moyens (voir l'exemple).

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

Exemple

Décomposons le formulaire en deux blocs logiques à l'aide de deux balises fieldset :

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