Formularios en HTML

< FORM >

La Web se ha convertido en una poderosa arma para las empresas que se dedican a realizar encuestas y los formularios han sido una de las herramientas que han ayudado a este auge.

Los formularios nos van a permitir, desde dentro de una presentación web, solicitar información al visitante. Estos formularios estarán compuestos por tantos campos como informaciones queramos obtener. Una vez introducidos los valores en estos campos serán enviados a una URL donde se procesará toda esta información.

Un formulario sigue siendo lenguaje html y por lo tanto necesita de unas etiquetas que lo especifiquen. La declaración de formulario queda recogida por las etiquetas < form >…..< /form > y dentro de ellas se recogerán todas las variables de entrada.

A la etiqueta de apertura < form > le acompañarán estos atributos:

Action = «» Entre comillas se indica el programa que va a tratar las variables enviadas con el formulario, un guión CGI o la URL mailto.

Method =»» Indica el método de transferencia de las variables. Post, si se envía a través del STDIO. Get, si se envía a través de la URL.

Ejemplo de formulario.

La etiqueta < input / > define la introducción de variables. Junto a esta etiqueta encontraremos los siguientes atributos:

– type =»» Indicará el tipo de variable a introducir.

– text Indica que el campo a introducir será un texto.

Sus atributos:

– maxlenght =»» Seguido de un valor que limitará el número máximo de caracteres a introducir en ese campo.

– size =»» Seguido de un valor que limitará el número de caracteres a mostrar en pantalla.

– value =»» Indica que no hay valor inicial del campo.

– Password. Indica que el campo a introducir será una palabra de paso. Mostrará asteriscos en lugar de letras escritas. Sus atributos serán los mismos que para text.

– Checkbox. El campo se elegirá marcando de entre varias opciones una casilla cuadrada.

– value =»» Entre comillas se indicará el valor de la casilla.

– checked. La casilla aparecerá marcada por defecto.

– Radio. El campo se elegirá marcando de entre varias opciones una casilla circular.

– value =»» Entre comillas se indicará el valor de la casilla.

– Image. El campo contendrá el valor en coordenadas del punto de la imagen que haya elegido.

Atributo obligatorio:

– src =»» Entre comillas escribiremos el nombre del archivo de imagen.

– hidden. El visitante no puede modificar su valor ya que no está visible. Se manda siempre junto al atributo value= seguido de su valor entre comillas.

– Name =”” Indicará el nombre que se asigna a un determinado campo.

Ejemplo de etiquetas.

Las etiquetas < select >…..< /select > encierran los valores que podremos elegir a partir de una lista. Los atributos que acompañan a la etiqueta de apertura son:

– name =»» Indicará el nombre del campo de selección.

– size =»» Indicará el número de opciones visibles. Si le asignamos 1, la selección se presentará como un menú desplegable. Si le asignamos un valor mayor se presentará como una lista con barra de desplazamiento.

– multiple Indica si se pueden realizar multiples selecciones.

Las diferentes opciones de la lista se indicarán mediante la etiqueta < option > que puede acompañarse del atributo selected para indicar cuál es la opción que aparecerá por defecto. Si no lo especificamos, siempre será la primera de la lista.

Opciones de la lista.

Fuente: Apuntes de Bases del Diseño de Páginas Web de la U de Londres