Tutorial

Los formularios son el sistema del que nos provee el HTML para enviar información desde una página web a algún programa u otro recurso en un ordenador remoto. Esto quiere decir que un formulario no sirve de mucho si no tenemos un lugar al que enviarlo.
El funcionamiento de los formularios es muy simple: La persona que visita la página rellena una "matriz" (el formulario propiamente dicho) conlos datos que se quieran enviar y, al picar en un botón, estos son enviados al lugar que corresponda (generalmente, un programa CGI alojado en nuestro servidor) en la forma NOMBRE-DEL-CONTROL=VALOR.
Aquí no hablaremos de los CGIs, si no que nos limitaremos a ver como se construyen los formularios web. Por ahora, te basta con saber que los CGI son programas que se ejecutan en la máquina donde estáalojada tu página (o en otra máquina de Internet), y que envían una respuesta al navegador.
El primer tag que tenemos que tener en cuenta es el que crea un formulario. Este tag deberá englobar en su interior a todos los elementos que formen parte de este:
<FORM>...</FORM>
<FORM> tiene tres atributos:
ACTION=URL que indica la dirección a la que será enviado el contenido delformulario.
METHOD=método. Donde método, que puede ser POST o GET, indica la forma en que se enviarán los datos a la url especificada en ACTION. (La opción por defecto es "GET")
En este curso no entraremos en detalles sobre las características y diferencias entre GET y PUT, eso sería parte de un curso sobre programación CGI, cosa que sería muy complicada y en la que no vamos a meternos. Si en algúnmomento necesitas saber cual de estos procedimientos tienes que usar, solo tienes que consultar la documentación del programa CGI que estés usando.
ENCTYPE=tipo-mime que sirve para definir el tipo de datos que se enviarán. La opción por defecto (y la más usual) es el "application/x-www-form-urlencoded", que significa que la información se mandará codificada como una cadena URL (sustituyendoalgunos caractéres "problemáticos" con códigos especiales).
Dentro debemos colocar algunos elementos, llamados controles, como cuadros de texto, botones, ect. Para crear cada uno de estos elementos tenemos la directiva <INPUT>, que tiene un atributo obligatorio: TYPE, que es el que determina el tipo concreto de control de que se trata:
<INPUT TYPE="tipo de control">
Donde "tipo decontrol" puede ser uno de los siguientes:
"SUBMIT" crea el clásico botón "Enviar", y es el que, al ser pulsado, envía los datos del formulario a la dirección especificada en ACTION.
"RESET" inserta un botón "Borrar" que, al ser pulsado, elimina los datos de todos los controles del formulario que lo contiene.
"BUTTON" crea un botón.
"TEXT" crea un cuadro para insertar una línea de texto."PASSWORD" hace lo mismo que "TEXT", pero los caracteres que se escriban no se verán en pantalla, sino que serán sustituidos por asteriscos.
Mucho ojo: El que en una entrada "PASSWORD" los caractéres aparezcan como asteriscos no quiere decir que la información que se inserte e ella esté encriptada o portegida de ningún modo. Para lo único que sirve es para evitar que un curioso pueda mirar por encima detu hombro y leer lo que pones.
"CHECKBOX" crea una caja de verificación, que es uno de esos pequeños cuadraditos que pueden marcarse como activados o desactivados (Bueno, luego los verás).
"RADIO" crea un "Radio Button", algo parecido a lo anterior, pero con la sutil diferencia de que suelen ser redondos, estar agrupados, y que, dentro de un grupo solo puede aparecer uno marcado cada vez. (Deacuerdo, también los verás luego).
"IMAGE" funciona exactamente igual que "SUBMIT", pero aquí puedes especificar una imagen para que aparezca en lugar del aburrido botón tradicional.
"HIDDEN" no muestra nada, absolutamente nada. Si lo pones dentro de tu formulario, este se verá exactamente igual. ¿Y para que sirve entonces? Pues para enviar al CGI, siempre que se use ese formulario, información...