Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
Formularios
Contenido
1. Qu es un formulario?
2. Creacin de Formularios
3. Elementos de un formulario
4. Crear campos de texto
5. Crear casillas de verificacin y botones de opcin
6. Crear listas y mens
7. Aadir botones para enviar y restablecer
U.D. 8 | Formularios
1. Qu es un formulario?
Los formularios en Dreamweaver permiten la transferencia de datos entre
los visitantes, es decir, permiten almacenar informacin de los visitantes de
nuestra pgina. Un ejemplo de esto sera: supongamos que en nuestra pgina
hay un formulario con cuatro campos de texto (nombre, direccin, poblacin y
telfono), entonces cuando un visitante acceda a nuestra pgina podr rellenar
estos campos con sus datos personales. Estos datos quedarn almacenados en
el formulario.
| 159
Dreamweaver CS4
2. Creacin de Formularios
Lo primero que tenemos que tener en cuenta a la hora de crear un formulario es: tener muy claro para lo que vamos a utilizar, as podremos elegir el
campo necesario para nuestro formulario de entre la variedad de elementos
que nos ofrece Dreamweaver.
Para insertar un formulario en nuestra pgina tenemos que activar la opcin
Formularios del Panel de Objetos. A continuacin, nos aparecern las diferentes
herramientas para la creacin de formularios. Estas herramientas las veremos
en el prximo prrafo.
Ahora procederemos a la introduccin de un formulario en nuestra pgina,
al introducir un formulario en nuestra pgina tenemos que situar el cursor en
el lugar de la pgina donde queramos insertar el formulario y en nuestra pgina
de diseo aparecer un rectngulo de color rojo con lneas discontinuas.
160 |
U.D. 8 | Formularios
| 161
Dreamweaver CS4
3. Elementos de un formulario
Cuando tengamos insertado el formulario en nuestra pgina procederemos a
la insercin de alguna de las herramientas anteriormente mencionadas. Estas
herramientas son:
Formulario:
162 |
Campo de texto: inserta un campo de texto en un formulario, estos campos aceptan todo tipo de texto.
U.D. 8 | Formularios
Lista/men: permite crear opciones en una lista para el usuario. Lista muestra los valores de las opciones en una lista de
desplazamiento y se puede seleccionar mltiples opciones, y
Men muestra los valores de las opciones en una lista desplegable y se puede seleccionar slo una opcin.
rea de texto de validacin de Spry: este campo es idntico al anterior, solo que permite escribir ms cantidad de texto en lugar
de una sola lnea.
| 163
Dreamweaver CS4
164 |
Grupo de opciones de validacin de Spry: es un grupo de botones de opciones que permiten la validacin de la seleccin.
El widget fuerza la seleccin de un botn de opcin del grupo.
U.D. 8 | Formularios
de texto de una lnea: son utilizados para dar respuestas compuestas por una sola palabra o frase corta.
Campos
Campos
de contrasea: son campos especiales, ya que cuando se escriben en ellos el texto queda oculto.
| 165
Dreamweaver CS4
Para crear un campo de texto de una lnea o de contrasea tendr que seguir los siguientes pasos:
Colquese
Dejar
Elegir
Elegir
Si
el tamao de 20 caracteres.
el tamao del campo.
Introducir
166 |
U.D. 8 | Formularios
En
el campo Predeterminado.
Introducir el nmero de lneas del campo de texto.
Aceptar
Si
Por
Otro tipo de campos de formulario con los que contamos son los Campos de
Archivo que permitirn al usuario seleccionar un archivo de su disco duro para
enviarlo al servidor.
| 167
Dreamweaver CS4
En ocasiones puede resultar interesante que los formularios contengan informacin adicional a la que el usuario introduce, de modo que al procesar los
datos del formulario el servidor tenga en cuenta dichos datos. Por ejemplo,
podemos guardar la versin del formulario o el e-mail del programador.
168 |
U.D. 8 | Formularios
Escribir
En
| 169
Dreamweaver CS4
En
Para insertar los Botones de opcin tenemos que realizar los siguientes pasos:
con el cursor dentro del formulario y elegimos la opcin Botn
de opcin del Panel de Objetos. Nos aparecer el mismo cuadro de dilogo que con las casillas de verificacin.
Escribimos un nombre para este botn en el inspector de propiedades.
En el campo Valor escribimos el valor que queramos para esta aplicacin.
En estado inicial seleccionamos Activado para que aparezca activo
en el documento.
Situarnos
Por otro lado tenemos el Grupo de opcin que lo insertaremos de igual forma, con la particularidad de que al pulsar sobre esta opcin, nos aparece el
siguiente cuadro de dilogo.
170 |
U.D. 8 | Formularios
En la lista vemos dos encabezados uno es Label, que ser el texto que se ve
en pantalla junto a la opcin; y el otro es Value, que ser el valor que se enve
al final al servidor cuando se presente el formulario.
Si selecciona Saltos de lnea las opciones se dispondrn con normalidad utilizando la etiqueta <br>. Si seleccionamos la opcin Tabla se crear una tabla
con una sola columna y tantas filas como opciones tenga el grupo.
Una vez que ya ha creado las opciones, el inspector de propiedades es
igual que para un botn de opcin. Sera conveniente que un botn del grupo
apareciese activado, para que sepamos con certeza que al menos una de las
opciones ser seleccionada. Si selecciona los botones de opcin uno por uno
observar que todos tienen el mismo nombre, pero un valor activado diferente.
sta es la clave para hacer que los botones de opcin funcionen correctamente, todos los elementos relacionados deben tener el mismo nombre. Esto
permite tener grupos de mltiples botones de opcin en el mismo formulario.
Si aade otro grupo, le dara otro nombre y sus botones de opcin funcionaran
de forma completamente independiente.
| 171
Dreamweaver CS4
Colocamos
172 |
U.D. 8 | Formularios
Cuando
| 173
Dreamweaver CS4
174 |
U.D. 8 | Formularios
| 175