FORMULARIOS:

Los datos recogidos han de ser procesados por algun programa. Este programa puede estar:

• En el mismo documento
• En otro documento situado en un servidor, que se envía al usuario junto con los datos.

En los dos primeros casos se usa el JavaScript , al cual nos referirem más tarde. En el servidor se usan varios programas: CGI, ASP i, especialmente, el PHP. Si usamos código javascript hemos de añadir la siguiente línea en el HEAD:

Por lo que hace el código HTML usado en los formularios, se limita a dos cometidos:

• • Recoger y presentar los datos.
• • Tramsmitir los datos al servidor y, si es el caso, sustituir el documento por el de destino.

FORMULARIOS Y ATRIBUTOS:
Un formulario queda delimitado por las etiquetas( sin almohadillas) <#form> ... <#/form> La etiqueta <#form> ha de ir acompañada siempre del atributo action y, si los datos se han de dirigir al exterior ,además añadir el atributo method
Method: tiene dos formas de trabajar(POST y GET), pero es recomendable usar preferiblemente GET.

• POST: No incorpora datos anexados a la URL.
• GET: si incorpora los datos anexados a la URL.

LOS CONTROLES:
Hay cuatro tipo de controles:

1. Cuadros de Texto.
2. Campos de Validación.
3. Menús Desplegables
4. Botones

El conjunto de controles se ha de añadir dentro de parágrafos o tablas. Cada tipo de control tiene sus etiquetas y atributos.
BOTONES:/b>
Botones submit , sirven para la transmisión de datos del documento indicado por action. Este ha de tener los mecanismos adecuados para el proceso de datos. En caso de ninguna indicación en contra , el documento de destino se cargará en nuestro ordenador.
Botones reset , que tienen por objetivo borrar los datos entrantes en el formulario y comenzar a rellenarlo de nuevo.
Botones button, que sirven para transmitir algún proceso con los datos. Han de llevar asociado algún programa que indique, lo que hace falta hacer con los datos. El hecho de presionar el botón, por si solo, no nos hace cambiar de documento.
La sintaxis, para los tres, es:(sin almohadillas)

• <#input type="tipo" ... value="Leyenda" />

o bien:

• <#button type="tipus" ... >Leyenda

Donde Leyenda es una frase como: borra, Renueva, Envía, De acuerdo, Ahora o similares, y tipo adopta uno de los dos valores (reset | submit) en el caso de input
ETIQUETAS:
Con las etiquetas <#label>...<#/label> se pueden incluir rótulos anexados a controles de los formularios, de manera similar a la siguiente:( sin almohadillas)
RètolRètol<#/label><#input type=...
CUADROS DE TEXTO: Los cuadros de texto de una línea recogen o presentan textos o nombres relativamente cortos. El formato correcto es el siguiente: (sin almohadillas)
<#input type="text" size="100" value="valor" id=”nombre” />
Hay tres tipos más de cuadros de texto. Los dos primeros son variantes del anterior. El tercero es diferente.
a) De contraseña:
Al teclear el texto dentro de la casilla, solo aparecerán asteriscos ******. Pero contendrá los auténticos caracteres, aunque cifrados. veamos un ejemplo ( sin almohadillas, para ejecutar código) <#input type="password" id="nom" />
</ hr>
b) Escondidos
A veces se transmite algún dato sin que el usario lo sepa. Por ejemplo, cuando se transmite un formulario , su contenido de fecha y hora. Los campos de texto escondidos se limitan a recoger estos datos. Como no interviene el usuario, los valores han de estar constantemente ya previstos por el autor del documento o sino es imprescindible que algún programa recoja los datos y los inscriba. veamos un ejemplo (sin almohadillas para ejecutar código):
<#input type="hidden" id="nom" />
c) De diversas líneas
valor <#textarea id="nom" rows="n" cols="n">valor
El texto valor es el valor inicial del cuadro de texto. Las propiedades rows y cols hacen referencia a la altura y anchura del cuadro (filas x columnas) . Si hace falta, se puede añadir un atributo : readonly="readonly" (readonly) ( solo lectura). Notamos que mientras el valor inicial en los cuadros de texto de una sola línea es un atributo de la propiedad value, en los de más de una , es un texto comprendido entre las etiquetas inicial y final.
CAMPO DE VALIDACIÓN:
Selección de una opción entre varias:(ejemplo, sin almohadillas para ejecutar código)
<#input type="radio" name="nom" value="valor_1" /> <#input type="radio" name="nom" value="valor_2" /> ... (, sin barra final)
Es imprescindible que el nombre sea el mismo para todas las opciones. El atributo checked="checked" (checked ) establece, si se desea , una selección inicial por defecto:
<#input type="radio" name="nom" value="valor" checked="checked" /> (, sin barra final) El formulario trasmite al lugar de destino la pareja: nom=valor seleccionada.
Para formular una o mas preguntes que se hayan de responder con: sí/no se especifican así (sin almohadillas) :
<#input type="checkbox" name="nom" /> (, sense barra final) En este caso, si hay más d'una pregunta, el valor de name ha de ser diferente en cada caso. El rótulo se indica como en el caso anterior. Pero en cada selección afirmativa, el formulario trasmite al lugar de destino la pareja nom=on.
Menús Desplegables:
Los menús desplegables se especifican con la sigiente estructura ( sin almohadillas, para ejecutar código) :

<#select name="nom" size="1">
<#option value="valor_A">Soltero<#/option>
<#option value="valor_B">Casado<#/option>
<#option value="valor_C">Divorciado<#/option>

<#/select>


Soltero
Casado
Divorciado

El atributo SIZE , es el numero de líneas que se verán simultáneamente en el menú desplegable, normalmente se elige 1 o 2. si es corto, 10 o más si es largo.
Si hay varias opciones diferentes es posible agruparlas en grupos: <#optgroup label="nombre_del_grupo">