Programación en Internet

Blog de la asignatura de la titulación Ingeniero en Informática

Consejos para maquetar un formulario

| 2 Comments

En la maquetación de un sitio web, la maquetación de los formularios suele ser lo más complejo y a la vez lo más importante, ya que una mala maquetación de un formulario hará que el formulario sea muy difícil de utilizar. Guidelines for form layouts es una guía de Microsoft para maquetar formularios con un buen diseño. Algunos de los consejos más importantes son:

  • Sitúa las etiquetas de los controles (<label>) siempre de la misma forma en un formulario.
  • No coloques las etiquetas de los controles a la izquierda cuando haya una gran variación en la longitud de las etiquetas.
  • Coloca las etiquetas encima de los controles cuando el formulario tenga dos o más columnas.
  • Cuando un formulario sea muy largo, considera agrupar los controles en una misma página o incluso dividir el formulario en una secuencia de formularios.
  • Deja suficiente margen entre los controles de un formulario y entre los controles y los límites de la página web.

Author: Sergio Luján Mora

Profesor del Departamento de Lenguajes y Sistemas Informáticos de la Universidad de Alicante (España). Interesado en el desarrollo y la accesibilidad web.

2 Comments

  1. Buenas noches Sergio:

    ¿Qué etiqueta es preferible utilizar para el tipo submit: INPUT o BUTTON?

    Muchas gracias.

  2. Cualquiera de las dos es válida. Button es más flexible porque permite que casi cualquier cosa (una imagen, una tabla) sea un botón. Input sólo permite botones cuyo contenido es texto.

Deja un comentario

Required fields are marked *.