« # »

Correcto formato de formularios XHTML

Hace una semana mandé un correo a la lista de Ovillo preguntando cual creía la gente que era la forma más correcta de maquetar un formulario. Las respuestas fueron varias y estuvimos comentando cuales eran los pros y los contras de cada método utilizado.

Finalmente y después de mucho divagar e intentar acercar opiniones me llegó un correo de Daniel Navarro donde daba con una muy correcta solución, ya que a las fuentes se remitió y razón no le faltó (olé):

En un DTD estricto se especifica que dentro de un form sólo puede haber elementos de bloque (que no sean otros form). Así que entre los diferentes controles y el form debe de mediar un elemento de bloque como div o fieldset, por ejemplo. Esto te falta en la solución A. Además, obligas a saltos de línea con br y esto limita la flexibilidad de CSS.

Así que finalmente ganó la opción:

XML:
  1. <form>
  2.     <fieldset>
  3.         <div>
  4.             <label for="campo">Campo:</label>
  5.             <input id="campo" type="text" />
  6.         </div>
  7.         ... más aquí ...
  8.     </fieldset>
  9. </form>

Gracias a todos los que participasteis y me ayudasteis!

Comentarios

  1. josepzin | mayo 27th, 2009 | 11:16 pm

    Que interesante.

    Yo siempre me hago un lio con los forms, a veces usé divs, otras tablas, otras listas y tambien listas de datos (dt/dd)…

Deja un comentario

(*: Datos necesarios para dejar un comentario)

Get Adobe Flash playerPlugin by wpburn.com wordpress themes