Lección 9: Formas

La etiqueta <FORM> define a una forma o formulario interactivo. Esta etiqueta necesita de controles a través de los cuales el usuario interactúa: INPUT, SELECT, TEXTAREA y BUTTON

Cuando el usuario envía una forma, a través de los elementos INPUT o BUTTON con TYPE=SUBMIT, los valores de la forma son enviados a la dirección dada en el atributo necesario: ACTION. ACTION apunta generalmente a un script CGI o un servlet en Java que maneja dicha petición.

Los formularios son enviados de acuerdo a dos métodos GET y POST. El análisis de estos métodos está fuera del alcance de este tutorial.

A continuación se presentan algunas etiquetas necesarias para definir los campos de un formulario:
Botón

<INPUT TYPE="BUTTON" VALUE="">

Caja de cheque (Checkbox)

<INPUT TYPE="CHECKBOX" NAME="" VALUE="">

Radio

<INPUT TYPE="RADIO" NAME="" VALUE="">

Lista desplegable (Drop-down-list)

<SELECT NAME="">
<OPTION>
<OPTION>
</SELECT>

Caja de lista (Listbox)

<SELECT NAME="" SIZE=4>
<OPTION>
<OPTION>
</SELECT>

(Browser)

<INPUT TYPE="FILE" VALUE="">

Enrada para contraseña (Password)

<INPUT NAME="" TYPE="PASSWORD" VALUE="">

Entrada de texto (Text)

<INPUT NAME="" TYPE="TEXT" VALUE="">

Area de Texto (Text Area)

<TEXTAREA NAME="" ROWS= COLS= ></TEXTAREA>

Botón Enviar (Submit)

<INPUT TYPE="SUBMIT">

Botón Borrar (Reset)

<INPUT TYPE="RESET">

NOTA En los códigos de arriba no se ha colocado un nombre (NAME) ni un valor a los elementos. El nombre es muy importante en una forma interactiva, pues este nombre es el que define al campo respectivo, por ejemplo; NAME="Dirección" define al campo Dirección; NAME="Sugerencia o comentario" define al campo Sugerencia o comentario. El valor (VALUE) no es muy importante y en la mayoría de los casos puede omitirse.

Resumiendo: El atributo NAME siempre debe definirse, el atributo VALUE puede o no definirse.


Lección AnteriorLección siguiente