Ensallo

Guía Teórica Complementaria
(Formulario)
Los formularios HTML están delimitados por las marcas <FORM> y </FORM>.
Los formularios que usaremos, en principio, tienen las siguientes características:

● Tienen que contener (entre sus marcas) toda la información necesaria para operar posteriormente. Si hay varios formularios en la página estos no pueden estar anidados y, por lotanto, serán independientes.

● La marca <FORM> tiene que incorporar dos parámetros (por ahora). Uno es constante, e indica cómo se enviarán los datos: METHOD=POST y otro indica la página PHP que procesará la información del formulario: ACTION=pagina.php. Es importante que la dirección del atributo ACTION sea relativa, porque si es absoluta (de la formaACTION=http://www.dominio.com/pagina.php o ACTION=/directorio/pagina.php) sólo funcionará en un servidor (o una estructura de directorios) determinado.

● Todo formulario incluirá un elemento tipo SUBMIT, que será el que permita al usuario ordenar el procesado de la información.

● Todo elemento del formulario necesitará un nombre para que pueda ser procesadoposteriormente (y se recomienda que también incorpore un VALUE).

Los elementos principales que se pueden incluir dentro de un formulario son los siguientes (si desea una referencia más completa puede dirigirse al estándar en http://www.w3c.org):

1. Cajas de texto:
* El atributo VALUE indica el valor por defecto,
* SIZE el tamaño en pantalla.
* MAXLENGTH la cantidadde caracteres que se podrán escribir en ella.
Ejemplo:
<INPUT TYPE="text" NAME="ciudad" VALUE=”pepe” SIZE=8 MAXLENGTH=20>

2. Cajas de texto para claves:
Idénticas a las cajas de texto, pero el texto que se escribe no está visible al usuario.

Ejemplo:
<INPUT TYPE="password" NAME="ciudad" SIZE=8 MAXLENGTH=20>

3. Botones de selección:
Permitenelegir uno (y sólo uno) de los elementos agrupados. Es importante que todos los elementos agrupados tengan exactamente el mismo nombre (para que sean excluyentes) y distintos valor en VALUE (que será lo que identifique el seleccionado). Además, si se desea obligar al usuario a que seleccione uno de los elementos hay que poner el atributo CHECKED en alguno de ellos (pues en otro caso no apareceríaninguno seleccionado por defecto).

Ejemplo:
<BR><INPUT TYPE="radio" NAME="musica" VALUE="1" checked>Flamenco
<BR><INPUT TYPE="radio" NAME="musica" VALUE="2">Pop
<BR><INPUT TYPE="radio" NAME="musica" VALUE="3">Rock

4. Cajas de selección:
Similares a los botones de selección, pero se pueden seleccionar los elementos que desee (uno, varios oninguno). En este caso son independientes, por lo que casa uno tiene su nombre y el valor CHECKED si deseamos que por defecto aparezca marcado-

Ejemplo:
<INPUT TYPE=”checkbox” NAME=”publi” VALUE=1>

5. Botón de envío:
Es un botón que realiza la petición a la página indicada en el atributo ACTION del FORM. El texto que tiene es el del VALUE.

Ejemplo:
<INPUT TYPE=”submit”VALUE=”Procesar”>
6. Campos ocultos:
Sirven para que el formulario envíe datos que el usuario no vea en pantalla (pero que podría ver en el código fuente de la página, no están ocultos realmente). Se suele usar en las modificaciones de registros de bases de datos. El valor que envían se especifica en VALUE.

Ejemplo:
<INPUT TYPE=”hidden” NAME=”identificador” VALUE=”8”>
7.Cajas de texto multilínea:
Son similares a las cajas de texto, pero especifican sus dimensiones con COLS (columnas) y ROWS (filas). Además la marca tiene que cerrarse y el valor por defecto se especifica entre la marca que abre y la que cierra (porque puede ser multilínea).

Ejemplo:
<TEXTAREA NAME=”comentario” COLS=”20” ROWS=”4”>
Ponga aquí su comentario
u opinión
</TEXTAREA>...