EL IDIOMA UNIVERSAL INTERACTIVO
Diseñando un formulario

 

En HTML, un formulario se crea con las etiquetas <FORM> y </FORM> que se ubican dentro del cuerpo (<BODY>) de la página. Dentro de esos "tags" se agregan todo tipo de elementos, como tablas (<TABLE>) e imágenes (<IMG>). Pero, especialmente, los diversos objetos para que los navegantes ingresen datos. Estos elementos se crean con la etiqueta <INPUT>.

El formulario posee atributos imprescindibles para funcionar:

NAME: Lo identifica y sirve para llamarlo en las funciones JavaScript que lo afecten.

 

Comparte tus dudas y consejos con otros usuarios de Javascript

TEMAS RELACIONADOS

Curso completo de HTML

Un lugar para tu sitio personal

Indice del curso de JavaScript
 

METHOD: Define cómo la información del formulario será enviada al servidor, para lo cual recibe el valor "Post". Ejemplo:

<FORM NAME="MiForm" METHOD=post>

ACTION: Indica el lugar donde serán enviados los datos del formulario. En general se usa una dirección de correo. Por ejemplo:

<FORM ACTION="mailto:yo@miproveedor.com"> (hacia tu e-mail).

Aquí aparece un inconveniente: según el browser que use el usuario, los datos del formulario pueden llegar a tu casilla de manera confusa, donde nombres, direcciones y teléfonos aparecen mezclados y difíciles de leer. Una solución es usar un programa gratuito (cliquea aquí para descargarlo) para volver legible la información recibida.

ENCTYPE:Precisa el formato que tomarán los datos almacenados por cada uno de los elementos del formulario, y recibe el valor "TEXT/PLAIN", que es el formato básico de texto. Por ejemplo:

<FORM ENCTYPE="text/plain">

Con estos atributos, la sintaxis para crear un formulario es:

<BODY>

<FORM NAME="MiForm" METHOD=post ACTION="mailto:yo@miproveedor.com" ENCTYPE="text/plain">

<elementos del formulario....>

</FORM>

</BODY>

Entre estos códigos HTML y el lenguaje JavaScript hay mucha cercanía. Para JavaScript la etiqueta <FORM> es el objeto Form, y los diferentes atributos HTML nombrados son propiedades de ese objeto. Por lo tanto, es fácil crear funciones JavaScript que hagan referencia al formulario y sus distintos elementos simplemente siguiendo la idea de "objeto.propiedad" en la que se basa el lenguaje (por ejemplo: form.action=resultado).

Sigue leyendo para aprender a crear los primeros objetos del formulario y hacerlos interactuar con JavaScript.