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:
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.
Como elementos más representativos tenemos:
Todos tienen en común el parámetro NAME: el nombre de la variable.
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. |
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> |
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. |
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.