Vamos a ver qué es un formulario, para qué se utiliza, cómo insertar uno y qué elementos
puede contener.
Los formularios se utilizan para recoger datos de los usuarios, nos pueden servir para realizar un pedido en una tienda virtual, crear una encuesta, conocer las opiniones de los usuarios, recibir preguntas, etc.
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.
Un formulario está formado, entre otras cosas, por etiquetas, campos de texto, menús
desplegables, y botones.
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.
Dentro de dicho formulario se podrán insertar los elementos del formulario a través del menú
Insertar, opción Objetos de formulario.
1) Crear una nueva página web dentro del mismo sitio web DREAM que tenga las siguientes
características:
- Título de la página: “Formulario para la introducción de datos”.
- Color de fondo: “Violeta”, con texto en color “Blanco”
- Una línea donde ponga “Introduce aquí tus datos para realizar la reserva:”
y en la línea de abajo insertar un formulario con datos similares a los que tienes en el ejemplo de
arriba.
Guardar la página con el nombre “formulario.htm”
Elementos de un formulario
Los elementos de un formulario pueden insertarse en una página a través del menú Insertar,
opción Objetos de 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:
NOMBRE DESCRIPCIÓN
Campo de
texto y Área
de texto:
Permiten añadir un cuadro de texto. El Campo de texto sólo permite escribir una línea al
usuario, 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.
A través del inspector de propiedades es posible cambiar sus propiedades.
Ej Nombre:
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).
Ej.
Casilla de
verificación:
Es un cuadrito que se puede activar o desactivar.
Puede asignársele el estado inicial como Activado o como Desactivado.
Ej. Módulos realizados: Módulo 1 Módulo 2 Módulo 3
Botón de
opción:
Es un pequeño botón redondo que puede activarse o desactivarse. Si hay varios del mismo
formulario, solo puede haber uno activado. Cuando se activa uno, automáticamente se
desactivan los demás.
Ej. Estado civil: Soltero Casado
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 de botón Valores de lista del inspector de propiedades.
Ej. Tipo de habitación Elije tipo de habitación
2) Abrir la página ‘formulario.htm’ si no la tienes abierta, e inserta los siguientes elementos
dentro del formulario que creaste:
Nombre:
DNI: e-mail:
Día: Lunes Mes: Enero Hora:
Instalación o actividad: Pista tenis Centro: Don Benito
Restablecer Enviar
3) Guardar los cambios y comprobar que funciona todo correctamente.
Enviar Restablecer
Posibles valores:
- Don Benito
- Madrid
- San Carlos
- Leganés
- Vallecas
Posibles valores:
- Pista tenis
- Pista Pádel
- Campo de fútbol
3) Guardar los cambios y comprobar que funciona todo correctamente.
No hay comentarios:
Publicar un comentario