Formularios

AMPLIAR

Funcionamiento de un Formulario

Creando un formulario




<FORM ACTION="/sitio/cgi-bin/cginame" METHOD=post>

  ...

</FORM>

Introducción de una Línea de Texto


Nombre:

<INPUT TYPE=text NAME=nombre VALUE="tu nombre" 

       SIZE=10 MAXLENGTH=10>

Nombre:

Introducción de un Password


Introduzca su clave:

<INPUT TYPE=password NAME=clave>

Introduzca su clave:

Elecciones Excluyentes


Elija un color:<br>

<INPUT TYPE=radio NAME=color VALUE=red>         rojo   <br>

<INPUT TYPE=radio NAME=color VALUE=blue CHECKED>azul   <br>

<INPUT TYPE=radio NAME=color VALUE=green>       verde  <br>

<INPUT TYPE=radio NAME=color VALUE=white>       blanco 

Elija un color:
rojo
azul
verde
blanco

Elecciones no Excluyentes


Indique que idiomas domina:<br>

<INPUT TYPE=checkbox NAME=ingles   VALUE=in>        Ingles  <br>

<INPUT TYPE=checkbox NAME=frances  VALUE=fr CHECKED>Frances   <br>

<INPUT TYPE=checkbox NAME=ruso     VALUE=ru>        Ruso  <br>

<INPUT TYPE=checkbox NAME=italiano>                 Italiano 

Indique que idiomas domina:
Ingles
Frances
Ruso
Italiano

Selecciones


Conocimiento del tema:

<SELECT NAME=sabe>

  <OPTION>Bien Informado

  <OPTION SELECTED>Informado

  <OPTION>Poco informado

  <OPTION VALUE=cero>Nada informado

</SELECT>

Conocimiento del tema:

Introducción de Múltiples Líneas de Texto


Escriba su mensaje aquí:<br>

<TEXTAREA NAME=msg ROWS=5 COLS=40>

Valor inicial por defecto del 

area de texto.

</TEXTAREA>

Escriba su mensaje aquí:

Manteniendo el Estado


<INPUT TYPE=hidden NAME=estado VALUE="hola,3">

Limpiando el Formulario


<INPUT TYPE=reset VALUE="Limpiar campos">

Enviando el Formulario


<INPUT TYPE=submit VALUE="Enviar formulario">

Uso de Imagenes para Enviar Formularios


<INPUT TYPE=image SRC="handright.gif">

Botones

Resumen

FORM Crear un formulario.
ACTION URL del script que procesará el formulario (Ej: CGI). Defecto URL actual.
METHOD Modo de pasar valores. Valores: GET (variables de entorno), POST (stdin).
ENCTYPE Tipo de formato MIME. Defecto: x-www-form-encoded.
INPUT Campos editables.
TYPE Define el tipo de dato aceptado.
Valores: text(defecto), password, radio, checkbox, hidden, reset, submit, image, button.
NAME Identifica el valor a enviar.
VALUE Valor inicial, valor a devolver, o etiqueta. Obligatorio para el tipo radio.
SIZE Tamaño para los tipos text y password.
MAXLENGTH Número máximo de caracteres para los tipos text y password.
CHECKED Marcas iniciales en los tipos radio y checkbox.
SRC fichero con una imagen.
ALIGN Para imagenes en el formulario, indica el alineamiento entre el texto y las imagenes.
SELECT Elección de alternativas.
NAME Identifica el valor a enviar.
MULTIPLE Permite selección múltiple.
SIZE Número de elementos visibles.
OPTION Una elección de un SELECT.
SELECTED Indica opción señalada inicialmente.
VALUE Valor a devolver en el SUBMIT. Si se omite, se devuelve el texto tras la etiqueta.
TEXTAREA Introducción de varias líneas de texto.
NAME Identifica el valor a enviar.
ROWS Número de filas en caracteres.
COLS Número de columnas en caracteres.
WRAP Tipo de ajuste del texto. Valores: OFF, VIRTUAL y PHYSICAL.