Un formulario web dentro de una página web permite al usuario introducir datos los cuales son enviados a un servidor para ser procesados. Los formularios web se parecen a los formularios de papel porque los internautas llenan dichos formularios usando casillas de selección, botones de opcion, o campos de texto. Por ejemplo, los formularios web pueden ser usados para introducir datos de envío o datos de una tarjeta de crédito con el objetivo de solicitar un producto o bien ser utilizada para solicitar datos (p. ej., al buscar en un Motor de búsqueda).

Además de servir como plantillas para nueva informacion, los formularios web también pueden ser usados para consultar y mostrar información existente en forma similar a los formularios de Combinación de correspondencia, incorporando las mismas ventajas. La separación del la estructura y los datos subyacentes de un mensaje, permite a ambos variar independientemente. El uso de formularios webs para este proposito evita los problemas asociados con la creación explícita de paginas webs separadas para cada registro en una base de datos.

Los formularios web estan definidos en lenguajes de programacion como HTML, Perl, Java o .NET. Las implementaciones de estos lenguajes usualmente invocan automaticamente los idiomas de la interfaz de usuario, tales como el diseño estructural, y tema, minimizando el tiempo, el costo y el tiempo de programación.

Formularios XHTML/HTML

Un formulario en XHTML o HTML es la forma más común de usar un fromulario on-line.

Los siguientes elementos pueden formar parte de un formulario del lado del usuario:

• campo tipo input
  • text – una simple Caja de texto que permite ingresar una sola linea de texto
  • checkbox – una casilla de selección
  • radio – un botón de opción
  • file – control tipo Examinador de archivos para subir archivos
  • reset – un botón tipo reset que al activarse le dice al navegador que restaure los valores del formulario a su estado inicial
  • submit – un botón que le dice al navegador que realice la acción(action) del formulario (referido típicamente a mandarlo al servidor)
• textarea – muy parecido a la caja de texto excepto porque un control textarea permite mostrar e ingresar multiples líneas de datos
• select – una drop-down list que muestra una lista de ítemes que el usuario podría selecccionar

La imagen de ejemplo de la derecha muestra todos estos elementos:

• una caja de texo que permite ingresar un nombre
• un par de botones de opción para seleccionar el sexo
• una drop-down list que da una lista de colores de ojos a elegir
• un par de casillas de selección que son seleccionadas si se aplican al usuario
• un textarea que describe la habilidad atlética
• un boton submit para enviar la informacion al servidor

Estos elementos basicos proveen la mayor cantidad posible de elementos GUI, pero no todos. Por ejemplo, no hay equivalentes a un Combobox, globo de ayuda (informática), vista árbol, o Vista tabular. Una vista tabular, sin embargo, puede ser imitada usando una tabla HTML estándar con elementos input text en cada celda. Una vista de árbol puede ser imitada por medio de tablas anidadas o bien, semánticamente hablando, con listas anidadas. Muchos de estos elementos están disponibles por medio de Librerias Javascript.

XForms

XForms es una alternativa estándar que fue diseñada para representar la próxima generacion de formularios HTML / XHTML. También es un estándar que es lo suficientemente genérico para ser usado de modo standalone o junto a lenguajes de reprecentacion distintos de HTML o XHTML para describir formularios en otras interfaces de usuario. A diferencia de los formularios HTML / XHTM, XForms usa un acercamiento Modelo Vista Controlador.

Un documento XForms puede ser tan simple como un formulario web HTML / XHTML, pero XForms incluye muchas características avanzadas. Por ejemplo, el formulario puede reaccionar en tiempo real y solcitar o enviar nueva informacion mientras este aún está siendo desplegado, sin el uso de un lenguaje script separado. El formulario puede especificar como son validados sus datos o cómo cambiarán ciertas porciones del formulario dependiendo de los datos que son ingresados en otras partes del mismo.

A diferencia de los formularios HTML / XHTML, XForms aun no es soportado por los navegadores disponibles actualmente.

Combinados con programas

Los formularios pueden ser combinados con varios scripts para permitir a los programadores crear sitios web dinámicos. Esto incluye tanto lenguajes del lado del servidor como lenguajes del lado del cliente.

Del lado del Cliente

El estándar de facto en lo que a scripts para webs del lado del cliente respecta es JavaScript. Utilizar JavaScript en el DOM es el método más utilizado para generar HTML Dinámico que permite creación y modificación dinámica de una pagina web dentro del navegador.

Aunque los lenguajes del lado del cliente que son usados en conjunto con los formularios son limitados, estos comunmente pueden servir para hacer una prevalidación de los datos del formulario y/o preparar dichos datos para enviarlos al programa del lado del servidor.

Del lado del Servidor

Los programas del lado del servidor pueden hacer un vasto ordenamiento de tareas para crear sitios web dinámicos — desde la autenticación de un login a través de, por ejemplo, LDAP para enviar y guardar información en una base de datos hasta chequear la ortografía de un documento al enviar un e-mail — a diferencia de lo que podría hacer un programa del lado del cliente. La mayoría de las peticiones de los programas del lado del servidor deben pasar por por el CGI del servidor web para ejecutar el programa de modo de realizar las tareas.

La ventaja del lado del servidor por sobre el lado del cliente es la concentracion de la funcionalidad en un solo computador (el servidor), envés de depender en la implementación en cada navegador de todas las funciones involucradas. Este mismo problema es tremendamente evidente para cualquier programador que escribe código JavaScript para múltiples navegadores.

Algunos de los lenguajes script comunmente usados:

• PHP
• Perl
• ASP
• ASP.NET
• Adobe ColdFusion
• JSP

Véase también

• CAPTCHA
• XForms
• Postback