Formularios

Los formularios sirven para hacer interactiva a la WWW.

Los formularios utilizan la etiqueta FORM. Como ejemplo tenemos el siguiente:

<FORM ACTION="" METHOD=POST>
Entrar un nombre:<BR><INPUT NAME="nombre" TYPE=TEXT SIZE=32>
</FORM>

Que se ve:

Entrar un nombre

 

Los parámetros más representativos son:

ACTION define la URL donde se gestiona el formulario. Por ejemplo, puede ser una dirección de correo, con mailto:.En este caso cuyo caso se añade el parámetro ENCTYPE="text/plain".

METHOD define la forma que se enviará el formulario. Si se envía a una dirección de correo se debe utilizar POST.

Elementos de un formulario

Como elementos más representativos tenemos:

Todos tienen en común el parámetro NAME: el nombre de la variable.

Cajas de texto

Se puede utilizar la etiqueta <INPUT>. Existen dos modalidades

<INPUT TYPE=TEXT> Dibuja una caja donde escribir un texto (de una sola línea)

<INPUT TYPE=PASSWORD> Igual pero sin ver lo que se escribe

Otros parámetros son:

Parámetro Descripción
SIZE Tamaño de la caja.
MAXLENGTH Número máximo de caracteres.
VALUE Texto por defecto.

Otra etiqueta cuando se quiere introducir más de una línea:

<TEXTAREA>Escribe lo que quieras</TEXTAREA>

En este ejemplo lo que se incluye entre las dos etiquetas será lo que se muestre por defecto dentro de la caja. Tiene como parámetros:

Parámetro Descripción
ROWS Filas que ocupa la caja.
COLS Columnas que ocupa la caja.

Opciones

Sirve para poder elegir entre varias opciones:

<INPUT NAME="opcion" TYPE=RADIO VALUE="mal">1<BR>
<INPUT NAME="opcion" TYPE=RADIO VALUE="bien">2<BR>
<INPUT NAME="opcion" TYPE=RADIO VALUE="mal">3<BR>

1
2
3

En este caso se ha asociado a todos el mismo nombre de variable. Otros parámetros son:

Parámetro Descripción
VALUE Valor que asignada a la variable.
CHECKED Activada por defecto.

Otra opción son las listas desplegables. Se utilizan las etiquetas: SELECT y OPTION:

 

<SELECT NAME="Numero de hijos">
  <OPTION>Uno
  <OPTION>Dos
  <OPTION>Tres
  <OPTION>Cuatro o más
</SELECT>

SELECT tiene los siguientes parámetros:

Parámetro Descripción
SIZE Número de opciones que podremos ver.
MULTIPLE Si se puede elegir más de una opción.

OPTION tiene como parámetros:

Parámetro Descripción
VALUE Valor que se asigna a la variable.
SELECTED Opción seleccionada por defecto.

Botones

Dos tipos de botones: uno para enviar y otro para borrar todo lo escrito:

<INPUT TYPE=SUBMIT>

<INPUT TYPE=RESET>

 Se utiliza VALUE para cambiar el texto por defecto.