Hacer algo útil con las formas



Hasta ahorita hemos estado viendo cómo hacer una forma, sin embargo, es importante que la información escrita/colectada en una forma, nos sirva de algo.

Sin embargo, la gran belleza de las formas, se puede aprovechar con CGIs, Servlets, ASPs, etcétera. Y aún no sé si voy a poner un tutorial de CGIs, sería más tarde. Por lo pronto, hay algunas cosas simples que se pueden hacer con las formas... Y mucho de ello, tiene que ver con JavaScript.

Primero lo primero


Una de las propiedades (atributos) de las formas que aún no se han mencionado en este tutorial, son ACTION y METHOD. La primera se refiere a la acción (sic) que se va a hacer. La segunda es menos urgente que sepan a ciencia cierta lo que hace, pero básicamente pueden ser dos opciones: POST o GET. La más sencilla es GET; y es la que vamos a utilizar en el siguiente ejemplo...

El código, empezaría de esta manera:

<FORM action="mailto:santa@north.pole" method="GET">
</FORM>

Como puede verse arriba, queremos que la acción sea "mailto:santa@north.pole". Esto es un link común y corriente, peroque no habíamos discutido. Si estuviera dentro de un anchor (Ej: <A href="mailto:me@my.domain"> Yo..) abriría el programa de correo del cliente (quien hace click en el link) y pondría la dirección de correo electrónico automáticamente en el campo "PARA:". Es obvio suponer que el objetivo de este ejemplo es enviar un mail utilizando el contenido de la forma. El siguiente paso es poner elementos en la forma...

<FORM action="mailto:santa@north.pole" method="GET">

<INPUT type="text" size=40><BR>
<TEXTAREA cols=40 rows=10 name="body">
</TEXTAREA>

</FORM>

Luego debemos especificar cuál de los campos es el "subject" y cuál el cuerpo del mail...

<FORM action="mailto:santa@north.pole" method="GET">

<INPUT name="subject" type="text" size=40><BR>
<TEXTAREA name="body" cols=40 rows=10 name="body">
</TEXTAREA>

</FORM>

Desafortunadamente, unos de los pocos parámetros que se le puede mandar a la acción MAILTO, son "subject" y "body".. y ya! El siguiente paso es crear botones para que la forma haga la acción. También pondremos un botón de RESET:

<FORM action="mailto:santa@north.pole" method="GET">

<INPUT name="subject" type="text" size=40><BR>
<TEXTAREA name="body" cols=40 rows=10 name="body">
</TEXTAREA><BR>
<INPUT type="submit" value="Enviar">
<INPUT type="reset" value="Borrar">

</FORM>

La forma finalizada quedaría así:


Subject:

Body:



Si intentamos utilizar esta forma, veremos como los espacios, son sustituidos por "+".. pero avanzamos poco a poco...

La siguiente lección será JavaScript.

Regresar


El link de esta lección es: http://flores-morones.net/geo/roflo1/HTML/Formas/util.html (Se abre en toda la ventana).
<A href=../izq.html>&Iacute;ndice</A>