Tipos de Formularios

Los formularios son posiblemente la herramienta más utilizada en Internet para obtener datos e información acerca de la gente que navega nuestro sitio. La idea de los formularios es recolectar información online en la interacción con el usuario y luego ejecutar una determinada acción con la misma, que podría ser por ejemplo, quizás el caso más utilizado, un formulario de venta que el usuario completa y luego es enviado vía email al vendedor en forma encriptado.

Etiqueta <FORM>

Todo formulario debe estar encerrado entre el par de etiquetas <FORM> y </FORM>, y presenta tres atributos posibles:

ACTION El valor de este parámetro es la URL del programa o guión en el Servidor Web utilizado para procesar la información recolectada.

METHOD Puede asumir el valor GET o el valor POST, y definen la manera en la cual los datos son transferidos al servidor.

ENCTYPE Este atributo está reservado para que la información viaje en forma encriptada a través de Internet.

Etiqueta <INPUT>

La etiqueta <INPUT> es la segunda etiqueta más importante de los formularios. Se la puede definir como una etiqueta multifunción, ya que con la misma podemos crear "push buttons", "radio buttons", "check boxes", y simples recuadros para ingresar texto. Los atributos cruciales para toda etiqueta <INPUT> son NAME, que asocia un nombre con cada variable ingresada; y TYPE, que puede asumir los valores TEXT, PASSWORD, CHECKBOX, RADIO,SUBMIT, RESET, IMAGE, and HIDDEN; de acuerdo al tipo de elemento que queramos representar.

Nombre: <INPUT TYPE="text" NAME="NOMBRE" SIZE=20 MAXLENGTH=20>
Apellidos: <INPUT TYPE="text" NAME="APELLIDOS" SIZE=20 MAXLENGTH=50> 
<INPUT TYPE="checkbox" NAME="DEPORTE" VALUE="TRUE"> Deporte
  
	 <INPUT TYPE="checkbox" NAME="FUTBOL" VALUE="TRUE"> Futbol
  
	 <INPUT TYPE="checkbox" NAME="BASKET" VALUE="TRUE"> Baloncesto 
 
	 <INPUT TYPE="checkbox" NAME="ATL" VALUE="TRUE"> Atletismo
  
	 <INPUT TYPE="checkbox" NAME="GIM" VALUE="TRUE"> Gimnasia
  
Elija una de las siguientes:
 
<INPUT TYPE="radio" NAME="LECTURA" VALUE="TRUE"> Lectura
  
<INPUT TYPE="radio" NAME="VIAJES" VALUE="TRUE"> Viajes
  
<INPUT TYPE="radio" NAME="CINE" VALUE="TRUE" CHECKED> Cine
 
Password: <INPUT TYPE="password" SIZE=20 MAXLENGTH=20>

- Vista Previa -

Nombre:
Apellidos:
Deporte
Futbol
Baloncesto
Atletismo
Gimnasia
Elija una de las siguientes:
Lectura
Viajes
Cine
Password:

Etiqueta <SELECT>

Este par de etiquetas define una lista de elementos de los cuales el usuario debe seleccionar uno o varios, de acuerdo a los atributos que especifiquemos. Con la etiqueta <OPTION> y </OPTION> esta etiqueta definimos cada elemento de las listas designadas con el par <SELECT> y </SELECT>.

Los atributos de SELECT permiten especificar el nombre lógico al que se asociará la opción elegida de entre las posibles. Normalmente, el elemento selección permite seleccionar sólo una de sus opciones, pero con MULTIPLE podremos hacer que la selección afecte a varios de sus elementos. Se puede especificar con SELECTED la opción seleccionada por defecto.

<SELECT NAME="tiposeleccion">
     <OPTION>Basica 
    	<OPTION>Normal 
     <OPTION SELECTED>Completa 
</SELECT>

- Vista Previa -

Basica Normal Completa

Etiqueta <TEXTAREA>

Este par de etiquetas nos permiten definir un área de dimensiones arbitrarias que funciona como una suerte de editor, donde el usuario puede ingresar texto.

<TEXTAREA NAME="COMENTARIO" ROWS="5" COLS="60">
Introduzca sus comentarios
</TEXTAREA>

- Vista Previa -

Introduzca sus comentarios