Formularios

Un formulario es una plantilla para representar un conjunto de datos y generar en la pantalla cuadros de dilogo con el lector. Como en un formulario en papel, se podrn tener zonas en las que se introducir un texto, casillas de verificacin, listas de seleccin, etc. El usuario rellenar zonas en su formulario que se identifican con un nombre simblico. Cuando el formulario se enva al programa que lo va ha tratar, ste recibe el identificador de cada zona y el valor introducido. Es importante sealar que la utilidad de los formularios est limitada al uso de las pginas junto con servidores, ya que las acciones asociadas son programas (generalmente scripts de CGI). Estos programas deben funcionar en un servidor al que se le proporcian los datos de un formulario para ser procesados.

Declaracin del formulario <FORM>

La marca <FORM> y </FORM> definen un formulario y entre ellas se situaran todas las marcas que generan los diversos elementos que componen un formulario. Esta marca debe ir acompaada obligatoriamente por dos atributos: El atributo METHOD est dirigido al programador que codifica el script. Al que puede darse el valor POST o el valor GET que define el modo de transferencia de los datos hacia el script. El atributo ACTION que define el URL de un programa (script) encargado de tratar los datos adquiridos desde el formulario. <FORM METHOD=tipo_de_metodo ACTION=URL_del_script> <FORM METHOD="pot" ACTION=" cgi_bin/inscripcion"> Todas las marcas que se definirn tienen los siguientes atributos comunes: El atributo NAME define el nombre que permitir al script identificar el origen de los datos. Este nombre debe sernico. NAME=nombre_de_la_variable_asociada El atributo VALUE Definido para un campo de: TEXTO: permite definir el contenido del campo. Botn SUBMIT: indica el texto a escribir en el botn. Botn RADIO, Botn CHECKBOX: valor asociado al botn cuando est pulsado.NAME identifica el bloque de botones

Campos de entrada <INPUT>

La marca <INPUT> servir para definir campos para entrar un texto y botones que permiten escoger opciones. Ejemplo: Definir una zona de entrada de texto simple.

< input name="identidad" > El atributo TYPE asociado a la marca INPUT permite la seleccin del elemento de entrada. Puede tomar los siguientes valores:

SUBMIT: desencadena el envo del formulario hacia el script; el texto definido en value se escribir en el botn: <form> <input type="submit" value="Salida"> </form>

Salida

RESET: permite borrar los datos ya entrados: <form> <input type="reset" value="Borrar"> </form>

Borrar

PASSWORD: permite entrar una palabra clave de forma confidencial: <form> <input type="password" name "pwd"> </form>

CHEKBOX: crea un bloque de botones que permiten una seleccin mltiple de opciones: <form> <input type="checkbox" name="micro"

Macintosh

PC

value="mac">Macintosh <input type="checkbox" name="micro" value="pc">PC </form>

RADIO: crea un bloque de botones que permiten una seleccin exclusiva entre varias opciones <form> <input type="radio" name="media" value="cd" checked>CDROM <input type="radio" name="media" value="dk">Disquete </form>

CD-ROM Disquete

HIDDEN: sirve para pasar datos adquiridos de un formulario a otro sin que aparezca nada en la pantalla

<input type="hidden" name=nombre_de_variable value=valor_de_la_variable>

Campos de seleccin <SELECT>

La marca <SELECT> permite generar listas de seleccin simple o de seleccin variable. Se programa con una lista en la que los items se especifican mediante la marca <OPTION>. La presentacin de la lista depende del atributo SIZE; si su valor es inferior a 2 o est ausente, la lista se interpreta como un men desplegable (pop-list). En caso contrario la lista se visualiza en una ventana con barra de desplazamiento. El valor dado entonces al atributo SIZE da entonces el nmero de lneas visibles en la ventana. La opcin de selecin multiple se deriva de la presencia del atributo MULTIPLE.

Ejemplos:
Men despegable: <form> <select NAME="sede"> <option>Entrada indirecta <option>Entrada lateral <option SELECTED>Entrada directa </select> </form>

Entrada directa

Ventana con barra de desplazamiento: ( con opcin de seleccin mltiple ) <form> <select MULTIPLE NAME="lenguaje" SIZE="3"> <option SELECTED>Ada <option>C++ <option>Cliper <option>Pascal <option>Fortran <option>Cobol </select> </form>

Ada C++ Cliper

Area de texto <TEXTAREA>

La marca <TEXTAREA> permite crear una ventana con barras de desplazamiento horizontales y verticales en la que se podr escribir texto. El valor dado a los atributos ROWS (lneas) y COLS (columnas) delimita el tamao de esta ventana. Ejemplo: <form> <textarea name="comment" rows=5 cols=40> Introduzca aqu sus comentarios </textarea> </form> Estas lneas de cdigo muestran la siguiente ventana:

http://gias720.dis.ulpgc.es/Gias/Cursos/Tutorial_html/guia_rap.htm#dform