¿Qué son los formularios?


Los formularios son una de las herramientas de que disponemos a la hora de hacer nuestras páginas Web interactivas, en el sentido de que nos permiten recopilar información de la persona que ve la página, procesarla y responder a ella, pudiendo de esta forma responder adecuadamente a sus acciones o peticiones.

Las etiquetas que definen un formulario son:

<form action="elemento_destino" method="metodo">…</form>

El contenido del formulario viene delimitado por las etiquetas <form> y </form>.

Los parámetros son:

  • action="elemento_destino": donde elemento_destino es la dirección del script o CGI que va a recibir los parámetros que se introduzcan en el formulario.
  • method="método": mediante este parámetro especificamos el método mediante el cual se mandan los datos del formulario al script o CGI. Existen 2 métodos:
    • GET: el conjunto de datos del formulario se agrega al URL especificado por el atributo action (con un signo de interrogación ("?") como separador) y este nuevo URL se envía al agente procesador.
    • POST: con el método HTTP post, el conjunto de datos del formulario se incluye en el cuerpo del formulario y se envía al agente procesador.

Etiquetas


Etiqueta SELECT

Se definen mediante:

<select name="nombre" [size="filas" multiple]> <option value=“01”>valor1</option> <option deleted value=“02”>valor2</option> <option”>valor3</option> (…) </select>

Se utilizan para realizar selecciones de un menú.


Etiqueta TEXTAREA

Se define mediante:

<textarea name="nombre" rows="filas" cols="columnas"> [texto predefinido] </textarea>

Es un area de texto.


Etiqueta INPUT

La etiqueta <INPUT> va a definir la mayoría de los diferentes elementos que va a contener el formulario.

Sus atributos y valores son:

TYPE = " tipo ", donde tipo puede ser uno cualquiera de los elementos que veremos a continuación:

  • text: que sirve para introducir una caja de texto simple.
  • radio: que define un conjunto de elementos de formulario de tipo circular, en los que el usuario debe optar por uno solo de ellos, que se marca con el ratón o tabulador.
  • checkbox: que define una o más casillas de verificación, pudiendo marcar el usuario las que desee del conjunto total. Si pinchamos una casilla con el ratón o la activamos con el tabulador y le damos a la barra espaciadora la casilla se marca; si volvemos a hacerlo, la casilla se desmarca.
  • button: que define un botón estándar. Este botón puede ser usado para diferentes acciones, pero normalmente se le da utilidad mediante JavaScript, mediante el evento "OnClick".
  • password: que define una caja de texto para contener una clave o password, por lo que el texto que introduzca el usuario aparecerá como asteriscos, por motivos de seguridad.
  • hidden: que define un campo invisible, por lo que no se ve en pantalla.
  • submit: que incorpora al formulario un botón de envío de datos. Cuando el usuario pulsa este botón los datos que ha introducido en los diferentes campos del formulario son enviados al programa del servidor o a la dirección de correo indicada en action.
  • reset: que define un botón que al ser pulsado por el usuario borra todos los datos que hubiera introducido en cualquiera de los campos del formulario. Sus atributos son los mismos que los de SUBMIT.

Bibliografía

http://dis.um.es/~lopezquesada/documentos/IES_1112/IAW/curso/UT5/UT5.pdf

http://usuaris.tinet.cat/acl/html_web/manual/formularios/formularios_3.html