SESION 7: FORMULARIOS

FORMULARIOS

Formulario <form>

 

Los formularios son una característica del estándar HTML Que permite a los autores recolectar información provista por los visitantes. Estos formularios pueden resultar útiles para reunir información personal, de contacto, preferencias, opiniones, o de cualquier otro tipo que el autor necesite.
Los formularios se insertan a través de las etiquetas <form> y </form>. Entre dichas etiquetas habrá que insertar los diferentes objetos que formarán el formulario. la etiqueta <form> tiene los siguientes atributos:
El atributo action indica una dirección de correo electrónico a la que mandar el formulario, o la dirección del programa que se encargará de procesar el contenido del formulario.
El atributo enctype indica el modo en que será cifrada la información para su envío. Por defecto tiene el valor application/x-www-form-urlencoded.
El atributo method indica el metodo mediante el que se transferirán las variables del formulario. Su valor puede ser get o post.
El valor get se utiliza cuando no se van a producir cambios en ningún documento o programa que no sea el navegador del usuario que pretende mandar el formulario, como ocurre cuando se realizan consultas sobre una base de datos.
El valor post se utiliza cuando sí se van a producir cambios, como ocurre cuando el usuario manda datos que deben ser almacenados en una base de datos. Se recomienda utilizar el valor post.

 

Fomulario en HTML

 

Areas de Texto <textarea>

Un area de texto o textarea es un campo de Formulario multilínea, en el que nuestros usuarios pueden escribir el texto que deseen con tantas lineas cómo quieran.

La manera de crear un area de texto es la siguiente:

000	<textarea name="T1">Texto por defecto</textarea> Maximizar  Seleccionar  XML

Donde Texto por defecto sera el valor quen tomará el campo cuando el usuario cargue el formulario y T1 el nombre (name) que identificará el campo de texto tanto en el servidor como en el cliente

Otros atributos de los que dispondremos són:
rows - Número de lineas de texto que se mostraran a simple vista y sin desplazar el cuadro de texto.
cols - Funciona igual que rows solo que en este caso sobre las columnas y no sobre las filas.El atributo que no existe en este caso es maxlength, pero podemos limitar el tamaño deltexto introducido con otros metodos, por ejemplo con javascript.

 Elementos de Entrada <input>

La mayoría de los controles de entrada son visuales y pueden interactuar con el usuario. Su uso depende del tipo de control y también del tipo de información que pueden recolectar. Los elementos de entrada de un formulario pueden ser definidos mediante el uso de cuatro elementos: el elemento HTML input , el elemento HTML button, el elemento HTML select y el elemento HTML textarea. En este tutorial dividiremos los controles por su funcionalidad.
Como regla general para todos los controles, el atributo "name" identificará la información para el agente procesados, y su valor dependerá de la naturaleza del control (algunas veces, como en las casillas de verificación o botones radio, será el contenido del atributo "value").
Nota: como las descripciones y atributos de cada control son levemente tratados en este tutorial, visita la referencia de los elementos para más información al respecto.

 

 

 Campos de Seleccion <select>

 

 

Los campos de selección se utilizan para insertar menús y listas desplegables.
Para insertar uno de estos menús o listas es necesario insertar las etiquetas <select> y </select> en un formulario.
El atributo name indica el nombre del menú o lista será el nombre de la variable que contendrá el valor seleccionado.
El atributo size indica el número de elementos de la lista que pueden ser visualizados al mismo tiempo, determina el alto de la lista.
La aparición del atributo multiple indica que el usuario podrá seleccionar varios elementos de la lista al mismo tiempo, ayudándose de la tecla Ctrl. Este atributo no toma valores.
La aparición del atributo disabled indica que la lista estará desactivada, por lo que el usuario no podrá seleccionar sus elementos. Este atributo tampoco toma valores.
Cada uno de los elementos de la lista ha de insertarse entre las etiquetas <option> y </option>.
El atributo value indica el valor a enviar si se selecciona el elemento. Si no se especifica este atributo, se enviará el texto de la opción, que se encuentra entre las etiquetas <option> y </option>. La aparición del atributo selected indica que el elemento aparecerá seleccionado. Este atributo no toma valores.


By kevin -:D!