Una vez el usuario rellena los datos y pulsa
el botón para enviar el formulario se arrancará un programa
que recibirá los datos y hará el tratamiento correspondiente.
Aquí vamos a ver cómo crear
el formulario, (insertar campos y botones en el formulario y
validarlos), pero no la parte de tratamiento de los datos, ya que para
ello se necesitan
nociones de programación, ya sea en VBScript, en JavaScript o en
otro lenguaje de programación, y esto no entra en los objetivos
del curso.
A la derecha tienes un ejemplo de formulario.
Un formulario está formado, entre
otras cosas, por etiquetas, campos de texto, menús desplegables,
y botones.
Los elementos de formulario
pueden insertarse en una página a través del menú
Insertar, opción Formulario.
A través de esta opción se
puede acceder a la lista de todos los objetos de formulario que pueden
ser insertados en la página.
Vamos a ver uno por uno algunos de los distintos
elementos que pueden formar parte de un formulario, así como algunas
de sus propiedades.
Campo de texto y Área de texto
Permiten introducir texto.
El Campo de texto solo permite al usuario escribir
una línea, mientras que el Área
de texto permite escribir varias.
Se puede pasar de Campo
de texto a Área de texto a través del inspector de propiedades, marcando la opción Una línea o Multi línea respectivamente.
También es posible
definirlo como Contraseña es como el
campo de texto pero las letras que va tecleando el usuario se sustituyen
por un carácter como podrás ver en la imagen siguiente.
A continuación tienes un ejemplo
de cada uno de estos tres tipos. Puedes escribir en ellos para ver su
funcionamiento.
A través del inspector
de propiedades es posible asignar también el Ancho del
cuadro de texto, el número máximo de líneas o caracteres,
y el valor inicial del cuadro.
Botón
Es el botón tradicional de Windows.
El botón puede tener asignadas tres opciones: Enviar
formulario, Restablecer formulario (borrar todos los campos del formulario), o Ninguna (para poder asignarle un comportamiento diferente de los dos
anteriores).
También es posible cambiar el texto del botón,
a través de la propiedad Etiqueta
del inspector de propiedades.
Casilla de verificación
Es un cuadrito que se puede activar o desactivar.
Puede asignársele el Estado inicial como Activado o como Desactivado.
Botón de opción
Es un pequeño botón redondo
que puede activarse o desactivarse. Si hay varios del mismo formulario,
sólo puede haber uno activado. Cuando se activa uno, automáticamente
se desactivan los demás.
Lista/Menú
Una lista o menú es un elemento de
formulario que lleva asociada una lista de opciones.
Los elementos se añaden a través
del botón Valores de lista... del
inspector de propiedades.
Cuando se trata de un menú, solo
es posible elegir uno de los elementos, pero si se trata de una lista,
a través de Selecciones del inspector de propiedades puede
permitirse que se seleccionen varios simultáneamente.
Etiqueta
Se utiliza para ponerle nombres al resto
de elementos de formulario, para que el usuario pueda saber qué
datos ha de introducir en cada uno de ellos.
Crear
formularios
|
|
Puedes
crear formularios a través del menú Insertar,
opción Formulario.
Una vez creado un formulario, este aparecerá
en la ventana de Dreamweaver como un recuadro formado por líneas
rojas discontinuas, similar al de la imagen de la derecha.
Dentro de dicho formulario se podrán
insertar los elementos de formulario, que como ya sabes puedes insertar
a través del menú Insertar,
opción Formulario.
|
 |
|
Es muy recomendable utilizar
tablas para organizar los elementos de los formularios. Utilizando tablas
se consigue una mejor distribución de los elementos del formulario,
lo que facilita su comprensión y mejora su apariencia.
|
|
La
validación de formularios sirve para hacer que Javascript valide
el formulario antes de que se envíe el formulario, para que en el caso
de que hayan campos del formulario que sean obligatorios, tengan que rellenarse
antes de poder enviarse.
Para validar un formulario hay que abrir
el panel de Comportamientos. Este
panel se puede abrir a través del menú Ventana,
opción Comportamientos, o pulsando
Mayús+F3.
En este panel hay que desplegar el botón
pulsando sobre él, y en Mostrar eventos
para elegir una versión de las actuales de entre la
lista de navegadores. Por ejemplo, puedes elegir el navegador IE
6.0.
Después de esto, hay que volver a
desplegar el botón
,
y pulsar sobre la opción Validar formulario, deberás haber seleccionado el formulario previamente. |
 |
|
Entonces se mostrará
una ventana como la siguiente, donde aparecen todos los elementos del
formulario.
Puede seleccionarse uno por uno cada elemento
del formulario, pudiendo especificar los requisitos que ha de cumplir.
Puede establecerse como campo a rellenar obligatoriamente (Valor Obligatorio), y si su contenido
ha de ser numérico (Número), una Dirección de correo electrónico,
etc.
|
No hay comentarios:
Publicar un comentario