Programacion de Formularios

Programación de Formularios

Filosofía general

Un formulario Web puede requerir información a quién la está navegando.

Luego de completar la información, el usuario la envía a un script CGI donde se procesará dicha información.

El navegador determina que la página es de tipo formulario cuando encuentra las etiquetas <FORM> ... </FORM>.

Esta etiqueta tiene un atributo ACTION donde se indica la URL del script a ejecutar con los datos ingresados.

Los datos ingresados se concatenan con esta URL y se envían al servidor.

Ejemplo

Un formulario sencillo que solicita un string de hasta 20 lugares y lo envía a un script.

Formulario	Documento HTML
	<FORM ACTION="/cgi-bin/procesar"> <INPUT TYPE="text" NAME="nombre" SIZE=20 VALUE="Su nombre"> </FORM>

Pauta: Escriba su nombre en la ventana de diálogo, presione ENTER y observe la URL que se genera en la barra del navegador.
Los demás formularios que aparecen en esta página también son interactivos.
En muchos navegadores es posible visualizar los datos transmitidos al script. HTML produce los siguientes cambios en los caracteres para evitar errores de interpretación:

Caracter	Envia al script	Caracter	Envia al script
espacio	+	%	%25
=	%3D	&	%38
LineFeed	%0A	Retorno	%0D

Es importante observar que estos datos son enviados al servidor por una red que transita varios nodos, y que por lo tanto puede ser monitoreada accidental o intencionadamente. Por dicha razón se desaconseja el envío de datos importantes (número PIN, tarjeta de crédito, etc., hasta tanto los medios de seguridad sean confiables.

Atributos de la etiqueta <INPUT>

TYPE	El tipo de parámetro a recibir.
NAME	El nombre del parámetro a recibir.
VALUE	El valor del parámetro.
SIZE	El ancho del área de ingreso de datos.

Existen diversas maneras de solicitar información con formularios. Los valores posibles del atributo TYPE de <INPUT> incluyen

botones (BUTTON)

botones de radio (RADIO)

multiple-choice (CHECKBOX)

menúes descolgables (SELECT)

muchos otros, cuya lista sigue creciendo.

Formulario	Etiquetas requeridas
Lenguajes que Ud. utiliza Pascal Prolog COBOL Ada	<FORM ACTION="/cgi-bin/datos"> Lenguajes que Ud. utiliza <INPUT TYPE="checkbox" CHECKED NAME="utiliza" VALUE="Pascal">Pascal <INPUT TYPE="checkbox" CHECKED NAME="utiliza" VALUE="Prolog">Prolog <INPUT TYPE="checkbox" NAME="utiliza" VALUE="COBOL">COBOL <INPUT TYPE="checkbox" NAME="utiliza" VALUE="Ada">Ada <INPUT TYPE="submit" NAME="boton" VALUE="Enviar"> </FORM>

Formulario

Etiquetas requeridas


<FORM ACTION="/cgi-bin/datos">
Lenguajes que Ud. utiliza
<INPUT TYPE="checkbox" CHECKED
   NAME="utiliza" VALUE="Pascal">Pascal
<INPUT TYPE="checkbox" CHECKED
   NAME="utiliza" VALUE="Prolog">Prolog
<INPUT TYPE="checkbox"        
   NAME="utiliza" VALUE="COBOL">COBOL
<INPUT TYPE="checkbox"        
   NAME="utiliza" VALUE="Ada">Ada
<INPUT TYPE="submit"          
   NAME="boton"   VALUE="Enviar">
</FORM>

Formulario	Etiquetas requeridas
Lugar de residencia. B. Blanca Nqn. Viedma Nativo	<FORM ACTION="/cgi-bin/residencia"> <FONT SIZE=+1>Lugar de residencia. <INPUT TYPE="radio" CHECKED NAME="residencia" VALUE="B. Blanca">B. Blanca <INPUT TYPE="radio" NAME="residencia" VALUE="Nqn.">Nqn. <INPUT TYPE="radio" NAME="residencia" VALUE="Viedma">Viedma <INPUT TYPE="checkbox" CHECKED NAME="nativo" VALUE="si">Nativo <INPUT TYPE="submit" NAME="boton" VALUE="Enviar"> </FORM>

Formulario

Etiquetas requeridas


<FORM ACTION="/cgi-bin/residencia">
<FONT SIZE=+1>Lugar de residencia.
<INPUT TYPE="radio" CHECKED
 NAME="residencia" VALUE="B. Blanca">B. Blanca
<INPUT TYPE="radio"
 NAME="residencia" VALUE="Nqn.">Nqn.
<INPUT TYPE="radio"
 NAME="residencia" VALUE="Viedma">Viedma
<INPUT TYPE="checkbox" CHECKED
 NAME="nativo" VALUE="si">Nativo
<INPUT TYPE="submit"
 NAME="boton" VALUE="Enviar">
</FORM>

Ir a página principal.

Página anterior (Programación de Scripts CGI).

Continuar (Mapas de Imágenes).