Un formulario web es un tipo de formulario que es presentado en un navegador y puede ser rellenado desde internet. Generalmente cuando se ingresan los datos, se envían a un servidor web para ser procesados y se obtiene una respuesta.

Los formularios web pueden ser usados para suscripciones, encuestas, elección de opciones, enviar palabras para los buscadores, etc.

Los formularios web generalmente son hechos en HTML y en estos pueden usarse los siguientes elementos:

* Campo de texto (input field)
* Campo oculto (hidden field)
* Área de texto (textarea)
* Casilla de verificación (checkbox)
* Botón de opción (radio button)
* Grupo de opción
* Lista o Menú (con opción a Menú de salto)
* Botón de envío (submit)

Estos elementos son los más comunes en una interfaz GUI, pero no provee todos.

Los formularios pueden ser combinados con lenguajes de programación o scripts para ser procesados tanto del lado del cliente como del lado del servidor.

Del lado del cliente el estándar de facto es JavaScript, y se utiliza en los formularios especialmente en la validación de datos. Estos códigos en JavaScript son ejecutados en el navegador del usuario.

En tanto del lado del servidor existen múltiples lenguajes que pueden encargarse de la información del formulario. Estos códigos se ejecutan en el servidor web del sitio. En esta instancia el formulario puede servir para autorizar el ingreso a un sistema, almacenar la información en una base de datos, enviar la información por email, utilizar los datos del formulario para búsqueda, etc. Los lenguajes más utilizados del lado del servidor son PHP, Perl, ASP, ColdFusion, C y Java.


Para el diseño de un formulario es necesario tomar en consideración la funcionalidad buscada, y diseñar de acuerdo a ella la solución que mejor se adapta al caso. En la planeación del formulario web pueden considerarse los siguientes puntos:

1. ¿Qué es lo que quisiera saber acerca de los usuarios con el formulario?

Anotar aquella información que quisiéramos que nuestros usuarios nos dijeran por medio del formulario web.

2. ¿Qué información es totalmente necesaria?

De todos los campos escritos para el formulario vamos a seleccionar aquellos que son fundamentales, a estos campos les vamos a llamar "requeridos" u "obligatorios", sin aquellos campos el usuario no podrá procesar el formulario, ejemplos de estos campos son el email, o si pensamos hacer un envío la dirección.

3. Seleccionar el nombre y descripción de cada campo.

Este paso es fundamental para que los usuarios puedan llenar de forma correcta los campos. Con la lista de los campos vamos a seleccionar el nombre y la descripción que vamos a mostrar al usuario, por ejemplo si queremos que nuestros usuarios escriban su nombre completo, es mejor que al campo le pongamos "Nombre Completo" en contra de simplemente "Nombre", pues con esto el usuario podría confundirse en cuanto que es lo que exactamente debe de escribir.

La descripción es importante, pues ahí podemos poner cómo estamos esperando la información, por ejemplo si pedimos la "Dirección" podríamos poner como descripción "Escribe la dirección completa, incluyendo: nombre de calles, no. de casa y código postal".

Al final queremos que los usuarios estén totalmente seguros de la información que deben de escribir en el formulario.

4. Seleccionar el orden de los campos

Cuando los formularios son muy grandes y pedimos de todo tipo de información, es importante ordenar nuestros campos para falicitar el trabajo de llenado del formulario a nuestros usuarios. Por ejemplo, si tenemos los campos "Email","Dirección","Nombre" y "Apellido Paterno" es mejor comenzar por las cosas más personales y agrupar los campos similares, en este caso si ponemos los campos como "Apellido Paterno","Dirección","Nombre", etc, va a ser realmente confuso.

En este caso comenzamos con "Nombre" después de ello "Apellido Paterno", seguimos con el "Email" y finalmente con la "Dirección" pues es el campo más largo.

También es importante agrupar nuestros campos por tema, por ejemplo si tenemos un formulario web para un servicio hosting en donde preguntamos diferente tipo de información, como podrían ser datos personales, detalles del sitio, etc, hay que poner los campos agrupados bajo el mismo tema, Nombre,Apellido,Email y Dirección primero y después Nombre de Dominio,Tipo de Diseño.

5. Revisión del formulario

Se recomienda checar el formulario web, en el lugar de los usuarios, revisando que tipo de información que estás pidiendo pudiera ser muy intrusiva para los usuarios. Por ejemplo, si en el formulario que hay al final del artículo con el cual puedes agregar comentarios pidiera la dirección de la persona, eso sería muy intrusivo, en especial porque no tiene ningún caso.

El script del formulario web

Una vez terminado el diseño, el script es la parte más importante de los formularios web, pues se requiere que después de que el usuario llene el formulario y pulse el botón de "Enviar", la información viaje a algún lugar.

Los scripts de los formularios los puedes hacer en varios lenguajes: PHP, ASP, Perl, etc.