ESTRUCTURA BÁSICA DE UN FORMULARIO

ESTRUCTURA BÁSICA DE UN FORMULARIO

La estructura básica de un formulario antes que nada expliquemos que esa estructura va dentro de los códigos HTML puesto que son parte y forman parte del lenguaje HTML ya que estos no son aplicaciones como los Script PHP.

Este no pretende ser un curso de HTML asi que me saltare algunas cosas. Como vemos el formulario debe estar dentro del cuerpo de la pagina. La pagina se estructura de la siguiente manera.

La estructura de un formulario va determinada por el inicio del formulario y los controles, los controles serán los cuadros de entrada de texto o bien de selección (depende del control que se implemente.) pueden investigar Respecto a los formularios en la Web.

En “ACTION” especificamos como el formulario procesara los datos y en “METHOD”, nombramos como serán manda los dados (POST o GET).

El método GET ajusta los datos en la url del navegador, mostrando el nombre del control y su valor ingresado. Y POST los manda de una manera que no se ve la información manda.

Bien ahora los controles van determinados por “INPUT” seguido de “TYPE” donde especificamos que control queremos manejar, y “NAME” es para darle un nombre al control que nos servirá para asociarlo a una variable y sea procesada.

La etiqueta FORM

Todo formulario HTML está delimitado por las etiquetas <FORM> y </FORM>, entre los que se deben encontrar los elementos que componen el formulario, así como cualquier otro elemento HTML que necesitemos: imágenes, enlaces, etc. En un documento HTML puede haber tantos formularios como se necesite, pero no pueden estar anidados.

La formá básica de definición de un formulario es la siguiente:

<FORM ACTION="http://www.sitio/el_script"

METHOD="POST">

</FORM>

Los atributos de la etiqueta FORM son:

• ACTION especifica el URL del script CGI que debe tratar los datos recopilados por el formulario. Este es el enlace entre el formulario y el script CGI.

• METHOD determina el método a utilizar para acceder al URL determinado en el campo ACTION. Existen dos métodos, GET (el defecto) y POST (basados en los métodos HTTP). En los casos generales, se usará GET cuando tengamos formularios muy simples, y POST cuando los formularios tengan muchos campos, ya que GET podría no ser capaz de pasar todos los datos al servidor.

o METHOD="GET"

La información del formulario se añade al final del URL solicitado, detrás de un símbolo de interrogación `?'. Esto es lo que hacen la mayoría de los buscadores Web. El script CGI la recibirá codificada en la variable de ambiente QUERY_STRING. El principal problema de este método es que tiene restricciones de longitud debido a que muchos sistemas operativos limitan el nombre de un fichero a 256 caracteres, por ejemplo, y el servidor Web trata el URL, incluyendo la consulta, como si fuera un tipo de fichero. Otra desventaja es que el URL, incluyendo la consulta, es almacenado en los diarios de accesos, access logs, de los servidores, lo que puede ser poco recomendable si la información de la consulta se quiere mantener en secreto.

o METHOD="POST"

El script CGI recibe la información del formulario por su entrada estándar. El servidor no pone la marca fin de fichero, EOF. En su lugar, y para conocer la longitud de los datos de entrada, se especifican los bytes en la variable CONTENT_LENGTH.

• ENCTYPE especifica el tipo de datos utilizado para codificar los pares nombre/valor durante el transporte. Por defecto es igual a

application/x-www-form-urlencoded y no se suele especificar.

La etiqueta <form> se utiliza para crear un formulario que le permita al usuario ingresar datos.

Los datos del formulario serán enviados a un archivo procesador de datos que se encuentra en el servidor.

Esta etiqueta actúa como contenedor de controles, por ej.:

• botones

• casillas de verificación (checkboxes)

• radiobotones (radio buttons)

• menúes

• entrada de texto (input)

• selección de ficheros (file select)

• etc.

Como así también especifica:

• El archivo que manejará el formulario completado y enviado.

• El método por el cual se enviarán los datos al servidor.

• La codificación de caracteres que debe ser aceptada por el servidor.

• Como disponer los datos dentro del formulario.

Ejemplo

Código

<form action="procesador_datos.php" method="get">

Nombre: <input type="text" name="nombre" />

Apellido: <input type="text" name="apellido" />

<input type="reset" value="Borrar" />

</form> Resultado

Nombre:

Apellido:

________________________________________

ETIQUETA <INPUT>

La etiqueta <input> posibilita y define la introducción de datos en el formulario.

Atributos de la etiquta <input> :

type = "text / radio / checkbox / button / image / password / hidden / file / submit / reset ", donde type puede tomar uno de los anteriores valores.

(1) text. Indica que el campo a introducir será texto, posee los siguiente parámetros:

• size="n". Determina el tamaño de la caja de texto que aparece en pantalla.

• maxlenght="n". Designa el número máximo de caracteres que se pueden introducir en la caja de texto.

• name=" nombre". Asigna un nombre único a los datos que se inserten en la caja de texto.

• value=" texto ". Designa el texto que aparecerá inicialmente en la caja de texto.

• disabled. Desactiva la caja de texto, por tanto el usario no podrá insertar ningún texto en dicho campo.

• accept="lista de content-type". Indicamos el tipo de datos que aceptara el servidor.

Teniendo como valores:

1. text/html

2. application/msexcel

3. application/msword

4. image/gif

5. image/jpg

• readonly. Establece que el texto no puede ser modificado por el usuario.

• tabindex="n". Asigna el orden de tabulador que tiene el campo respecto a los demás elementos que componen el formulario..

• alt= "comentario". Descripción del elemento.

(2) radio. Es un campo multivalor excluyente, permite escoger una y sólo una opción de un conjunto de valores. Posee lo siguientes parámetros:

...