Séparación por fieldset

Cuando un formulario tiene numerosos campos, se los suele dividir en diferentes bloques denominados fieldset en HTML. Se propone, para tales bloques rodearlos tsambien en listas ul/li:

  1. [...]
  2. <form method="post" action="#ENV{action}"><div>
  3. #ACTION_FORMULAIRE{#ENV{action}}
  4. <ul>
  5. <li class="fieldset">
  6. <fieldset>
  7. <h3 class="legend">Parte A</h3>
  8. <ul>
  9. <li> ... </li>
  10. <li> ... </li>
  11. ...
  12. </ul>
  13. </fieldset>
  14. </li>
  15. <li class="fieldset">
  16. <fieldset>
  17. <h3 class="legend">Parte B</h3>
  18. <ul>
  19. <li> ... </li>
  20. <li> ... </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>

Descargar

El primer <li> tuene una clase CSS «fieldset». En lugar y en remplazo de los tags HTML <legend> se sugiere una escritura <h3 class="legend"> que ofrece más posibilidades de decoración en CSS.

Autor o autora dani Publicado el:

Traducciones: English, Español, français