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
ía:
El objeto form es un sub-objeto del objeto document y este a su vez, lo es del objetowindow.
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
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>
Fuente:enlace
Si quieres seguir aprendiendo con nosotros, puedes ingresar a nuestros
No hay comentarios:
Publicar un comentario