Accueil    HTML    Balise FIELDSET
 



balise fieldset  Balise FIELDSET : Reroupement de champs

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


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



La balise <fieldset> est employée pour structurer plus facilement les formulaires. Elle permet en effet de regrouper et d'encadrer de façon visuelle un ensemble de champs. Il est de plus possible d'attribuer un titre à ce groupement en employant la balise <legend>.

Par défaut la balise <fieldset> emploie toute la largeur disponible dans son conteneur. Il faut donc pour limiter sa taille spécifier une valeur au niveau de l'attribut CSS width de son style associé.



Exemple d'utilisation de la balise fieldset :





Un élément fieldset peut par exemple contenir une zone d'identification :

<fieldset style="border:solid 1px black; padding:20px; width:250px; color:midnightblue; font-family:verdana;">
   <legend style="font-size:11; font-weight:bold;"> Identification </legend>
   <label style="font-size:10; text-decoration:underline;">
    » Entrez votre login :
   </label>
   <br/>
   <input type="text" maxlength="14" style="font-size:11; border:solid 1px black;" />
   <br/>
   <label style="font-size:10; text-decoration:underline;">
    » Entrez votre mot de passe :
   </label>
   <br/>
   <input type="password" style="font-size:10; border:solid 1px black;" />
   <br/>
   <br/>
   <input type="button" style="font-size:11; font-weight:bold; border:solid 1px black; background:#bbbbbb; cursor:pointer;" value="Valider"/>
</fieldset>





 Identification