lunes, 17 de mayo de 2010

FORMULARIOS

Objetivo: Conocer para que sirven los formularios en el diseño de paginas Web.  


¿Que son los formularios?


Los formularios son posiblemente la herramineta más utilizada en Internet para obtener datos e información acerca de la gente que navega nuestro sitio. La idea de los formularios es recolectar información online en la interacción con el usuario y luego ejecutar una determinada acción con la misma, que podría ser por ejemplo, quizás el caso más utilizado, un formulario de venta que el usuario completa y luego es enviado vía email al vendedor en forma encriptada. 


¿Como los definimos?


Cinco son solamente las etiquetas que el código HTML posee para definir todos los elementos interactivos que un formulario puede presentar: (FORM), (INPUT), (SELECT), (OPTION) y (TEXTAREA). Estas etiquetas, junto a un número de modificadores o atributos, son suficientes para indicarle al navegador cliente cómo debe recolectar la información, cómo debe manejarla una vez recolectada y cómo debe interactuar con el servidor.


Etiqueta form: Todo formulario debe estar encerrado entre el par de etiquetas (FORM) y (/FORM), y debe ser ubicado en el cuerpo de cualquier documento HTML, es decir, entre el par de etiquetas (BODY) y (/BODY). Esta etiqueta (FORM) presenta tres atributos posibles:




atributosignificado
ACTIONel valor de este parámetro es la URL del programa o guión en elServidor Web utilizado para procesar la información recolectada.
METHODpuede asumir el valor GET o el valor POST, y definen la manera en la cual los datos son transferidos al servidor.
ENCTYPEeste atributo está reservado para que la información viaje en forma encriptada a través de Internet.
Etiqueta input: La etiqueta (INPUT) es la segunda etiqueta más importante de los formularios. Se la puede definir como una etiqueta multifunción, ya que con la misma podemos crear "push buttons", "radio buttons", "check boxes", y simples recuadros para ingresar texto. Posee ocho posibles parámetros: ALIGNCHECKEDMAXLENGTHNAMESIZESRCTYPE, y VALUE. Pero no se asusten con tantos parámetros porque normalmente solo se utilizan a lo sumo solo cinco. Los atributos cruciales para toda etiqueta (INPUT) son NAME, que asocia un nombre con cada variable ingresada; y TYPE, que puede asumir los valores TEXTPASSWORDCHECKBOXRADIO,SUBMITRESETIMAGE, and HIDDEN; de acuerdo al tipo de elemento que querramos representar. Más adelante todo será más claro con los ejemplos.


Etiqueta select: Este par de etiquetas define una lista de elementos de los cuales el usuario debe seleccionar uno o varios, de acuerdo a los atributos que especifiquemos.


Etiquetas option: Con esta etiqueta definimos cada elemento de las listas designadas con el par (SELECT) y (/SELECT).


Etiqueta textarea: Este par de etiquetas nos permiten definir un area de dimensiones arbitrarias que funciona como una suerte de editor, donde el usuario puede ingresar texto.


Radio Buttons y Check Boxes: Recordemos que toda etiqueta INPUT debe llevar un VALUE y un NAME:


 San Lorenzo  River Plate  Boca Juniors


conclucion: como que se me dificulta el estar trabajando con los formularios....

No hay comentarios:

Publicar un comentario