Sei sulla pagina 1di 15

Formularios

La mayor parte de los elementos HTML de que disponemos


permite al visitante visualizar los contenidos de un sitio, pero no
interactuar con l. Dicho de otro modo, la relacin
usuario/pgina es unidireccional y esttica. Con los formularios,
por el contrario, el usuario puede interactuar con el sitio
enviando sus comentarios, haciendo peticiones sin necesidad
de escribir mensajes por correo electrnico, firmando en el libro
de visitas, contestando a encuestas y sondeos, etc. Todo ello
define una relacin bidireccional, que es posible slo gracias a
la intervencin de programas residentes en servidores WWW:
se trata de los denominados CGI o Common Gateway Interface

Formularios
Los CGI hacen posible lo que no podra hacerse si se
actuara desde el lado del cliente. Es decir, la gestin de
los formularios depende, en realidad, ms del servidor
que de la programacin HTML. Para que un formulario
HTML funcione es necesario disponer de un CGI
residente en el propio servidor o en otro sitio.

Etiquetas <FORM></FORM>
Esta etiqueta abre y cierra el formulario y recoge el
contenido de la misma, que puede variar segn una serie
de etiquetas que veremos ms adelante. No es posible
insertar un formulario dentro de otro. Dicho de otro
modo, en los formularios no se permiten anidamientos.

Mtodos GET/POST
La sintaxis usual, es la siguiente:

<FORM method="get|post"
action="http://www.tuosito.com/cgibin/nome_script.cgi">
Si method utiliza GET, los datos se envan al servidor y se
separan en dos variables.
Para este mtodo el nmero mximo de caracteres que
puede contener el formulario es de 255.
Utilizando "method=post", el script CGI recibe
directamente los datos sin un proceso previo de
descodificacin. Esta caracterstica hace que el script
pueda leer una cantidad ilimitada de caracteres.

Formularios
Una vez impostada la primera marca <FORM> de la plantilla, es
posible, siempre y cuando el script CGI lo permita, crear algunos
elementos que resultan de gran utilidad para una adecuada gestin
de los datos:
<INPUT TYPE=HIDDEN NAME=MAILFORM_SUBJECT
VALUE="Asunto del formulario">
Este cdigo determina el asunto (subject) del mensaje que recibirs
por correo electrnico con el contenido del formulario. Es muy til
que los mensajes recibidos lleven especificado el asunto, no slo
para quienes usan filtros de seleccin del correo, sino tambin para
ordenar la correspondencia.

Formularios
<INPUT TYPE=HIDDEN NAME=MAILFORM_URL
VALUE="http://www.tuosito.it">
Este cdigo es muy til ya que, una vez rellenado y
enviado correctamente, el formulario responde con
una pgina HTML sucesiva, dentro de la cual es
posible incluir cualquier tipo de comentario. Lo ms
normal es visualizar una pgina de confirmacin "Tu
formulario ha sido enviado correctamente", pero se
puede tambin mandar directamente a la portada del
sitio. Se trata de comandos no estndar que varan
segn el CGI utilizado.

Etiqueta <INPUT>
La marca de base para la definicin de los elementos
de un formulario es <INPUT>, que se utiliza para
agregar botones, mens de seleccin, contraseas,
etc. A <INPUT> se le pueden asignar los 8 valores
que analizamos a continuacin.

<INPUT type=TEXT>
<INPUT type="TEXT" name="nombre"
maxlength="40" size="33" value="Tu nombre">
Este valor crea los tpicos campos de texto, en los que
generalmente se solicitan datos tales como el nombre o la
direccin de correo electrnico. TEXT tiene tres atributos
opcionales: maxlength (el nmero mximo de caracteres que
puede ser introducido en el campo y que no es posible
superar), size (la anchura de la cadena dentro de la pgina) y
value (visualiza un texto por defecto dentro de la cadena).

<INPUT type=PASSWORD>
<INPUT type="PASSWORD" name="nombre"
maxlength="40" size="33">
Este campo de texto funciona como el anterior, pero con una
pequea diferencia que su propio nombre indica: cuando se
escribe dentro del cuadro de texto, no se ven los caracteres
sino los clsicos asteriscos de las contraseas. En realidad, los
datos no se codifican de ningn modo por lo que esta marca no
consigue eliminar la inseguridad de fondo.

<INPUT type=CHECKBOX>
<INPUT type="CHECKBOX" name="edad" value="s"
checked>
Este atributo se utiliza para representar datos de tipo "s/no" y
"verdadero/falso". Crea pequeas casillas cuadradas que hay
que marcar o dejar en blanco. Si la casilla est marcada, INPUT
restituye un valor al CGI; en caso contrario, no restituye ningn
valor. Value impostado en "s" significa que por defecto la
casilla est marcada. Checked controla el estado inicial de la
casilla, en el momento de cargar la pgina.

<INPUT type=RADIO>
<INPUT type="RADIO" name="calificacin"
value="suficiente">
<INPUT type="RADIO" name="calificacin" value="bueno">
<INPUT type="RADIO" name="calificacin"
value="excelente">
Este atributo tiene funciones similares al visto anteriormente,
pero contiene ms posibilidades de seleccin. Seleccionando
una de las presentes, y siempre y cuando tengan todas un valor
"name" idntico, las restantes se deseleccionan
automticamente.

<INPUT type=SUBMIT>
<INPUT type="SUBMIT" value="Enva">

El clsico botn de envo que remite el formulario con todo su


contenido. La dimensin del botn depende de la longitud del
texto.

<INPUT type=RESET>
<INPUT type="RESET" value="Reinicio">

Botn que vuelve a impostar todo el formulario eliminando los


datos introducidos.

<INPUT type=TEXTAREA>
<TEXTAREA cols=40 rows=5 WRAP="physical"
name="comentario"></textarea>
TEXTAREA se utiliza para introducir comentarios o campos que
prevn muchas lneas de texto. La anchura se imposta con
"cols" y la altura con "rows". WRAP="physical" establece
que, en el caso de que el texto introducido supere la anchura de
la ventana, salte de lnea automticamente.

<INPUT type=SELECT>
<SELECT size=1 cols=4 NAME="calificacin">
<OPTION selected value=ninguna>
<OPTION value=bueno> Bueno
<OPTION value=suficiente> Suficiente
<OPTION value=excelente> Excelente
</select>
SELECT es un elemento que permite la creacin de listas con
varias posibilidades de seleccin. En nuestro ejemplo, hemos
solicitado una calificacin sobre un sitio web.
.

Potrebbero piacerti anche