|
 
(contenido
antiguo)
Los formularios es la mejor manera de que
nuestros lectores se comuniquen con nosotros. Son útiles para hacer, por
ejemplo, libros de visitas.
Hay dos formas de realizar y/o recibir los
formularios: mediante un programa CGI del servidor o generado por el navegador.
¿Qué son ambas cosas? El programa CGI es uno que se almacena en el servidor;
mediante el formulario enviaremos la información al programa CGI y éste
generará el mensaje e-mail que nos llegará. La otra manera es mediante el
navegador, el cual es que genera el correo.
La mejor es la primera, ya que la segunda tiene
una incompatibilidad mucho mayor. Sólo soportan esta última el Netscape
Navigator 2.0 o superior y el Microsoft Internet 4.0 o superior. Para hacer esta
necesitamos la información del propietario del CGI para poder hacer el
encabezado del formulario. En este tema explicaremos la segunda forma, más
genérica:
La estructura de un formulario es:
<FORM ACTION="mailto:dirección_de_email"
METHOD="POST" ENCTYPE="TEXT/PLAIN">
Elementos del formulario para introducir datos.
Botones de envío y de borrado.
</FORM>
Vamos a explicar cada uno de ellos: Etiqueta
FORM inicial:
 | ACTION indica la acción, en este
caso que los datos se envíen a la dirección de correo indicada. Con un CGI
aquí habría que escribir la URL del mismo. |
| METHOD="POST" indica que
los datos se procesen al pulsar el botón de envío. |
| ENCTYPE="TEXT/PLAIN" indica
que los datos se envíen sin codificación. |
| Elementos del formulario:
 | Campos ocultos, mediante <INPUT
TYPE="hidden" NAME="xxx" VALUE="yyy">,
donde xxx es el nombre de la información introducida y yyy
la información en sí. A pesar de que casi siempre sive sólo para
parámetros del CGI sirve, es posible también usarlos en nuestra
conveniencia. |
| Cuadros de texto de una línea,
mediante <INPUT TYPE="text" NAME="xxx" VALUE="yyy">,
donde xxx indica el nombre de la información introducida y yyy
indica si queremos que el formulario incluya alguna información inicial
(por ejemplo, si hay que introducir la URL de una página WEB podemos
poner en el cuadro de texto "http://"). Tiene dos
modificadores: SIZE="x", que indica la longitud en
píxels, y MAXLENGHT="y", que indica el número máximo
de caracteres a introducir. |
| Cuadros de texto oculto, mediante
<INPUT TYPE="password" NAME="xxx"<,
donde xxx es el nombre de la información introducida. Ideal para
poner contraseñas o passwords. Tiene los dos mismos modificadores que
el anterior. |
| Cuadros de texto con desplazamiento,
mediante <TEXTAREA NAME="xxx" ROWS="y" COLS="z"></TEXTAREA>,
donde xxx es el nombre de la información introducida, y
el número de filas y z el número de columnas. Ideal para
comentarios o descripciones largas. |
| Listas desplegables, mediante:
<SELECT NAME="xxx">
<OPTION>yyy
<OPTION>yyy
<OPTION>yyy
</SELECT >
...donde xxx es el nombre de la
información introducida y yyy el nombre de cada opción de la
lista introducida.
|
| Botón de opción o de radio,
mediante <INPUT TYPE="radio" NAME="xxx" VALUE="yyy">,
donde xxx es el nombre de la información introducida y yyy
es el nombre de cada opción en concreto. Habrá que introducid varias
veces la etiqueta, y con CHECKED podemos hacer que se seleccione
sólo uno de ellos. Ideal para seleccionar UNA opción entre VARIAS. |
| Casilla de verificación,
mediante <INPUT TYPE="checkbox" NAME="xxx">,
donde xxx es el nombre de la información introducida. Tiene el
modificador CHECKED si queremos que se active por defecto. Ideal
para seleccionar VARIAS opciones entre otras VARIAS. |
|
| Botones de envío y de borrado:
Son fundamentales para el formulario.
| El de envío se hace con <INPUT
TYPE="submit" VALUE="xxx">, donde xxx
es el texto del botón.
También es posible colocar una imagen
en el lugar del botón de eviado mediante <INPUT TYPE="image"
SRC="imagen.gif" BORDER=0>. Esto no se puede hacer con
el botón de borrado.
|
| El de borrado se hace con <INPUT
TYPE="reset" VALUE="xxx">, donde xxx
es el texto del botón. |
|
Ahora veremos un ejemplo de un formulario del
tipo de los que el navegador genera el e-mail:
<FORM ACTION="mailto:duiops@interbook.net"
METHOD="POST" ENCTYPE="TEXT/PLAIN">
<INPUT TYPE="hidden" NAME="tipodeformulario" VALUE="Formulario
de ejemplo">
<P>Escribe tu nombre:
<INPUT TYPE="text" NAME="Nombre" SIZE="30"
MAXLENGHT="30">
<P>Escribe tus apellidos:
<INPUT TYPE="text" NAME="Apellidos" SIZE="40"
MAXLENGHT="50">
<P>Escribe tu dirección de correo electrónico:
<INPUT TYPE="text" NAME="Direccion" VALUE="@"
SIZE="30" MAXLENGHT="40">
<P>Pon aquí la dirección de tu página WEB:
<INPUT TYPE="text" NAME="URL" VALUE="http://"
SIZE="40" MAXLENGHT="50">
<P>Ahora por pequeño comentario:
<BR><TEXTAREA NAME="Comentario" ROWS="5" COLS="35">
</TEXTAREA>
<P>¿Que tema te gusta más?:
<BR><SELECT NAME="Color">
<OPTION>Beatles
<OPTION>Hi-Fi
<OPTION>New Age
<OPTION>Dinosaurios
</SELECT>
<P>En general, ¿qué te parece esta página?:
<BR>
<INPUT TYPE="radio" NAME="Velocidad" VALUE="Lento">Mal
<INPUT TYPE="radio" NAME="Velocidad" VALUE="Normal"
CHECKED>Regular
<INPUT TYPE="radio" NAME="Velocidad" VALUE="Rapido">Muy
bien
<P>¿Vas a entrar más veces en el WEB?
<BR><INPUT TYPE="checkbox" CHECKED NAME="Entrarmasveces">
Sí, entraré más veces en el WEB de Duiops
<BR><P>
<BR><P>
<INPUT TYPE="submit" VALUE="Enviar datos">
<INPUT TYPE="reset" VALUE="Borrar">
</FORM>
y todo quedaría así
El mensaje recibido sería de la siguiente
manera:
Tipo = Formulario de ejemplo
Nombre = Nombre introducido
Apellidos = Apellidos introducidos
Direccion = @ o la dirección de correo introducida
URL = http:// o la URL de la página introducida
Comentario = Comentario introducido
Tema = Beatles u otro si es seleccionado
Velocidad = Regular u otro si es seleccionado
Entrarmasveces = on si la casilla se desactiva no pondría nada
© 1997-2009 Duiops (http://www.duiops.net)
Prohibida la reproducción parcial o total de
los textos o las imágenes.
Para comentarios, usar las
direcciones
e-mail de contacto
|
