| ||||||||||||
|
||||||||||||
13. FORMULARIOS Declaración La Web se ha convertido en una poderosa arma para las empresas que se dedican a realizar encuestas y, los formularios han sido una de las herramientas que han ayudado a este auge. Los formularios nos van a permitir, desde dentro de una presentación web, solicitar información al visitante. Estos formularios estarán compuestos por tantos campos como informaciones queramos obtener. Una vez introducidos los valores en estos campos serán enviados a una URL donde se procesará toda esta información. Un formulario sigue siendo lenguaje html y por lo tanto necesita de unas etiquetas que lo especifiquen. La declaración de formulario queda recogida por las etiquetas <form>.....</form> y dentro de ellas se recogerán todas las variables de entrada. A la etiqueta de apertura <form> le acompañarán estos atributos: 1. action="" Entre comillas se indica el programa que va a tratar las variables enviadas con el formulario, un guión CGI o la URL mailto. 2. Method="" Indica el método de transferencia de las variables. Post, si se envía a través del STDIO. Get, si se envía a través de la URL. <HTML> Campos de entrada La etiqueta <input> define la introducción de variables. Junto a esta etiqueta encontraremos los siguientes atributos: 1. type="" Indicará el tipo de variable a introducir. o text Indica que el campo a introducir será un texto. Sus atributos: § maxlenght="" Seguido de un valor que limitará el número máximo de carácteres a introducir en ese campo. § size="" Seguido de un valor que limitará el numero de carácteres a mostrar en pantalla. § value="" Indica que no hay valor inicial del campo. o Password Indica que el campo a introducir será una palabra de paso. Mostrará asteriscos en lugar de letras escritas. Sus atributos serán los mismos que para text. o Checkbox El campo se elegirá marcando de entre varias opciones una casilla cuadrada. § value="" Entre comillas se indicará el valor de la casilla. § checked La casilla aparecerá marcada por defecto. o Radio El campo se elegirá marcando de entre varias opciones una casilla circular. § value="" Entre comillas se indicará el valor de la casilla. o Image El campo contendrá el valor en coordenadas del punto de la imagen que haya pinchado. Atributo obligatorio: § src="" Entre comillas escribiremos el nombre del archivo de imagen. o hidden El visitante no puede modificar su valor ya que no está visible. Se manda siempre junto al atributo value= seguido de su valor entre comillas. 2. Name="" Indicará el nombre que se asigna a un determinado campo. <HTML> Campos de selección Las etiquetas <select>.....</select> encierran los valores que podremos elegir a partir de una lista. Los atributos que acompañan a la etiqueta de apertura son: 1. name="" Indicará el nombre del campo de selección. 2. Size="" Indicará el número de opciones visibles. Si le asignamos 1, la selección se presentará como un menú desplegable. Si le asignamos un valor mayor se presentará como una lista con barra de desplazamiento. 3. multiple Indica si se pueden realizar múltiples selecciones. Las diferentes opciones de la lista se indicarán mediante la etiqueta <option> que puede acompañarse del atributo selected para indicar cual es la opción que aparecerá por defecto. Si no lo especificamos, siempre será la primera de la lista. <HTML> Areas de texto Con las etiquetas <textarea>;.....</textarea> definimos un texto de múltiples líneas para que el visitante pueda incluir un comentario junto a sus datos. Junto a la etiqueta de apertura pueden aparecer los siguientes atributos: 1. name="" Nombre del campo. <HTML> Botones Se definen mediante la etiqueta <input> a la que le acompañan los atributos: 1. type="" Seguido de submit para enviar los datos del formulario y seguido de reset para borrar los datos que se han introducido. 2. Value="" Indica el texto que incorporaran los botones. Normalmente, enviar y borrar. <HTML>
|
.
|
||||||||||
|
||||||||||
|
|
||||||||||
|
|
||||||||||
|
|
