El objeto form, propiedades y métodos

Conocer el objeto form, sus elementos y propiedades, su procesamiento de datos, su envío y recepción.

El primer paso de este manual consistirá en conocer el objeto form, sus elementos y propiedades y luego iremos viendo algunas de las distintas formas del procesamiento de datos, su envío y recepción, etc.

 

1.1 El objeto form


El objeto form es un sub-objeto del objeto document y este a su vez, lo es del objeto window.

Así como para crear una página en HTML se utilizan las etiquetas <HTML> Y </HTML>, lo mismo sucede con un formulario: el formulario debe estar contenido entre las etiquetas <form> y </form>

En principio la sintaxis básica para referirnos a un formulario sería:

 

window.document.forms.nombre_del_formulario

 

En la que tranquilamente pueden prescindirse de window y forms ya que el navegador toma al formulario como un objeto en sí mismo. De la misma forma, tambien puede prescindirse de document. Pero esta omisión solo se hará si queremos referirnos a un formulario en particular (por ejemplo a un formulario llamado "datos"). Pero al momento de referirnos a "todos los formularios de una página", solo se podrá prescindir del objeto window.

 

De todas formas, iremos viendo la aplicación de este tipo de sintaxis con los próximos ejemplos y a medida que avancemos.

 

1.2 Propiedades principales del objeto form


El objeto form posee las siguientes propiedades:

 

propiedad descripción

name

es el nombre único del formulario.

action

es el lugar al cual se envía el formulario para ser procesado. El action define la URL a la cual se envía dicho formulario.

method

método de envío de los datos insertados en un formulario. El method puede ser:

GET = envía los datos en una cadena "visible". Conveniente para enviar pocos datos.

POST = envía los datos en forma "invisible". Conveniente para enviar una gran cantidad de datos.

target

define la ventana o marco (frame) en la que se mostrarán o procesarán los resultados del formulario.

El valor es el mismo que el utilizado en HTML (blank, self, top, nombre_marco, etc..)

 

1.2.1 Sintaxis básica

 

<form name="nombre_formulario" action="procesar.asp" method="POST" target="_blank">

.......campos....

</form>

 

1.3 Métodos del objeto form


El objeto form posee dos métodos:

 

método descripción

submit

envía el formulario.

reset

restablece el formulario a los valores por defecto.

 

1.3.1 Sintaxis básica

 

<form name="nombre_formulario" action="procesar.asp" method="POST" target="_blank">

.......campos....

<input type="submit" value="enviar formulario">

<input type="reset" value="borrar">

</form>

 

1.4 Ejemplo de aplicación


Con estos ejemplos veremos la utilización de la propiedad method y de los métodos submit y reset.


Method POST

 

El código....

<form name="datos" action="ejemplos/procesar.asp" method="POST" target="_blank">

Escribe tu nombre: <input type="text" name="nombre"><br>

<input type="submit" value="enviar formulario"><br>

<input type="reset" value="borrar">

</form>

 

El resultado...

Escribe tu nombre:

 

Method GET

 

El código....

<form name="datos1" action="ejemplos/procesar1.asp" method="GET" target="_blank">

Escribe tu nombre: <input type="text" name="nombre"><br>

<input type="submit" value="enviar formulario"><br>

<input type="reset" value="borrar">

</form>

 

El resultado...

Escribe tu nombre: