Formularios en HTML
Esta es la parte más técnica y compleja del HTML. Los formularios o forms en inglés, son unas páginas especiales que se utilizan para realizar transacciones. En una página que contenga un formulario pueden además existir todos los elementos hasta ahora conocidos, incluso el propio formulario puede estar integrado dentro de otros elementos, como por ejemplo una tabla. Los formularios, en algunas impresoras, pueden dar problemas al imprimir las páginas que los contienen.
Su sintaxis es:
< FORM ACTION = "fichero que trata el formulario" METHOD= POST | GET >
…
Elementos que forman el formulario
…
< / FORM >
Dentro de la etiqueta de formulario se definirán los distintos elementos de petición de datos. Estas instrucciones que se explicarán a continuación definirán los tipos de botones, cajas de dialogo y ventanas para la introducción de datos. Y definirán las variables que almacenarán los datos introducidos por el usuario. Estas etiquetas se incluirán entre la de definición (inicio) del formulario y la etiqueta de final de formulario.
Los atributos que presenta la etiqueta FORM son los siguientes:
ACTION:
Indica el programa que se encargará de tratar los datos del formulario. Este programa debe encontrarse en el servidor y estar escrito en algún lenguaje de programación. A este programa se pasará como parámetros los datos introducidos en el formulario y retornará un código HTML que se mostrará tras procesar el formulario. A este tipo de programas se les llama cgi-bin.
METHOD:
Indica el protocolo usado para el envío de los datos. Con POST envía los datos en la entrada estándar del programa que trata el formulario y con GET los datos se pasan por parámetro, en la línea de comandos, al programa. El usar uno o otro método vendrá determinado por como son tratados los parámetros en el formulario en el (CGI-BIN). El método de uso más normal será POST.
Ahora bien, los Formularios como dijimos anteriormente se utilizan para el envío de datos, hay un problema, el CGI, si queremos garantizar el envío de la información sin usar los CGI (lógicamente no conveniente para comercio electrónico), deberemos agregar a la sintaxis general el atributo ENCTYPE y sus valores serán “TEXT/PLAIN”, quedando de la siguiente manera:
< FORM METHOD = " POST " ACTION = ” mailto : mi-usuario @ miservidor-e-mail ” ENCTYPE = “TEXT/PLAIN” >
……
< / FORM >
Una vez definidas las características globales del formulario incluiremos los distintos botones y cajas de dialogo que lo constituyen. Dentro de la instrucción del formulario podrán incluirse cualquier texto o instrucción HTML, siendo recomendado a fin de poder etiquetar las opciones de entrada y especificar cualquier dato importante relacionado con el formulario. Igualmente un formulario puede ser incluido en algunas instrucciones HTML como las listas, tablas, etc …
A los programas que hacen de puente entre el formulario y el servidor, se les llama programas CGI (Common Gateway Interface [Interface de Entrada Común, por sus siglas en inglés]) y no hay que confundirlos con las páginas dinámicas escritas en ASP o PHP, aunque se parecen mucho.
Los programas CGI pueden estar escritos en cualquier lenguaje de programación que sea soportado por el sistema operativo del servidor, y pueden estar diseñados para cualquier función: desde una simple captura de datos que serán guardados en un fichero, hasta la más sofisticada consulta a una base de datos.
El formulario no es más que una página escrita en HTML como cualquier otra. Lo que la hace diferente es que permite capturar datos de varias maneras: directamente desde el teclado, escogiendo un valor de una lista desplegable o seleccionando una opción desde botones fijos o de todas ellas combinadas.
Una vez terminada la captura de datos, estos forman un registro que es enviado a un servidor http (web) que lo procesará y devolverá una respuesta. Pueden utilizarse también para enviar su contenido a una dirección de correo electrónico, o que simplemente abran otra página.
Si el formulario se diseña para abrir una página o para ser enviado por e-mail, todo se reduce a escribir HTML, pero la cosa se complica cuando se trata de transacciones de datos que hay que guardar en un servidor (comercio electrónico). En este caso, en el servidor tiene que haber un programa especial, creado específicamente para ese formulario, que reciba los datos y sepa qué hacer con ellos, procesarlos y confeccionar la respuesta que remitirá al navegador. A esa respuesta se le denomina documento virtual ya que esa página no está escrita en ninguna parte; es generada, enviada y destruida.
La base del formulario es el elemento lleno
- < INPUT >
- Campos de entrada por teclado.
- Botones de selección.
- Casillas de marca.
- Botones de proceso.
- Botones de inicialización (reset).
- Imágenes sensibles al ratón.
- Listas desplegables de valores.
- Listas fijas de valores.
- Ventanas de escritura libre.
Es decir, los Formularios los podemos agrupar en 3 tipos de datos, siendo estos:
- Campos de Áreas de Texto
- Campos de Entrada de Datos.
- Campos de Seleccion