magnitudes

Formularios


OBJETIVOS ESPECÍFICOS

Usar objetos gráficos con acciones específicas para interactuar con el usuario.
Desarrollar documentos dinámicos.

ACTIVIDADES

Desarrollar un formulario que solicite datos para la inscripción a una biblioteca.
Crear un formulario que solicite datos para acceder a una cuenta de correo gratuito.



1. Introducción a formularios.

Losformularios son herramientas para la entrada de datos que realiza el usuario y que posteriormente será procesada y/o almacenada en el servidor.

Para procesar la información recibida mediante un formulario se requiere un programa que se aloja en el servidor Web, llamado CGI (Common Gateway Interface). También es posible procesar la información mediante páginas ASP (Active Server Pages), JSP (JavaServers pages) o PHP (acrónimo recursivo que significa “PHP Hypertext Preprocessor” y que fue inicialmente PHP Tools o Personal Home Pages Tools). Mediante alguno de estos programas se incorpora los datos recibidos por el formulario a una base de datos en el servidor o alguna otra respuesta, consistente en una página que se implementa en el servidor.

Los formularios están formado por una serie decontroles asociado a un tipo concreto de dato y cuyo resultado final es una lista de variables (identificado por su nombre) y valores asignados a las mismas, que son los que viajan por la red hasta el servidor o viceversa.



Bases del uso del formulario.

Todo formulario debe tener el atributo ACTION que apunta a un ejecutable cgi-bin en el servidor que lo procesa. Este ejecutable lo únicoque recibe son pares del tipo NOMBRE=VALOR, en donde NOMBRE (name) es el identificador del campo de ingreso y VALOR (value) es el valor ingresado por el usuario.


Partes del formulario.



Cuerpo del formulario.

Botones de envío y para limpiar los campos.




Cuerpo del formulario.

El cuerpo del formulario contiene varios campos de ingreso que pueden ser:
a) Ingreso detexto (de una línea o multilínea).
b) Selección de una opción (menú desplegable o una serie de opciones para seleccionar una).
c) Seleccionar varias opciones (checkbox).


Ejemplo 1:





El resultado del formulario anterior se muestra a continuación:






2. Cajas de texto.

Para una línea se define mediante:


3. Atributos para INPUT.

NAME=”…”
Define el nombre delcampo retornado al servidor al ser enviado el formulario y debe estar presente para todos los elementos input, excepto cuando TYPE=”submit” o TYPE=”reset”. Multiples TYPE=”submit” pueden tener diferentes nombres para identificar cuál botón de envío fue presionado.

TYPE=text | password | checkbox | radio | submit | reset | hidden | image | file | range | scribble | jot

El valor por omisión esTYPE=”text” .

VALUE=” …”
Para TYPE=” text | password “ VALUE define el texto que será retornado, con la diferencia de que con password no se mostrará el texto ingresado; Para TYPE=” checkbox | radio “, define el valor retornado de la lista seleccionada; para TYPE=” submit | reset “, define la etiqueta del botón.

CHECKED
Hace aparecer la opción como elegida por omisión.

SIZE= número [pt | in | cm | mm | em | px ]
Define el tamaño físico del campo de texto, expresado en caracteres.

MAXLENGTH= número [ pt | in | cm | mm | em | px ]
Define el número máximo de caracteres aceptables en el ingreso.
ALING = [ top | middle | bottom | left | right ]. Define la posición de la imagen.

MIN=”…”. Valor mínimo para un ingreso de TYPE=range.

MAX=”…”. Valor máximo para un ingresode TYPE=range.

SRC=”…” . URL de una imagen usada de fondo para ingreso con TYPE=scribble.

DISABLED=”…”. Para prohibir el ingreso o modificación de datos.

ERROR=”…” Define el texto a mostrar si el valor para INPUT no sea válido.

LANG=”…” Lenguaje. Los códigos de lenguaje se definen en RFC1766.

DIR= [ ltr | rtl ]. Dirección de la escritura.

ID=”…”. Identifica el contenido,...