Programmer avec SPIP 3.0
Documentation technique sur SPIP 3.0

> > > > Séparation par fieldset

Séparation par fieldset

Lorsqu’un formulaire possède de nombreux champs, on le divise généralement en différents blocs nommés fieldset en HTML. Il est proposé, pour de tels blocs, de les encadrer également dans des listes ul/li :

  1. [...]
  2. <form method="post" action="#ENV{action}"><div>
  3. #ACTION_FORMULAIRE{#ENV{action}}
  4. <ul class="editer-groupe">
  5. <li class="fieldset">
  6. <fieldset>
  7. <h3 class="legend">Partie A</h3>
  8. <ul class="editer-groupe">
  9. <li class="editer"> ... </li>
  10. <li class="editer"> ... </li>
  11. ...
  12. </ul>
  13. </fieldset>
  14. </li>
  15. <li class="fieldset">
  16. <fieldset>
  17. <h3 class="legend">Partie B</h3>
  18. <ul class="editer-groupe">
  19. <li class="editer"> ... </li>
  20. <li class="editer"> ... </li>
  21. ...
  22. </ul>
  23. </fieldset>
  24. </li>
  25. </ul>
  26. <p class="boutons"><input type="submit" class="submit" value="<:pass_ok:>" /></p>
  27. </div></form>

Télécharger

Le premier <li> posséde une classe CSS « fieldset ». En lieu et place des balises HTML <legend> est suggéré une écriture <h3 class="legend"> qui offre plus de possibilités de décoration en CSS.