CURSO COMPLETO DE DREAMWEAVER 8

--MEDIOS--



05 - FORMULARIOS DE INSCRIPCIÓN

Vamos a crear otro tipo de formulario, muy usado en internet, el formulario de inscripción.

Ver aquí un ejemplo.

Crearemos los campos personales, con el menú Insertar > Campo de texto tal y como hemos explicado en el tutorial anterior.

Ahora vamos a crear un menú en nuestro formulario "Seleccione la sección que sea de su interés" para ello, damos click en el botón de lista o menú:

Seleccionamos ahora la caja de la lista de nuestro documento, para poder trabajar en las propiedades:



Igual que hacemos con los campos de texto, aquí también es importante dar un nombre a nuestro menú, seleccionaremos Menú , y damos click a Valores de lista

En esta nueva ventana, debemos darle los valores que tendrá nuestra caja de menú.

Etiqueta de elemento: Escribe aquí el nombre del valor. Utilizando el signo más + y el signo - podremos agregar/quitar valores.

Valor: Escribimos el valor que se enviará al servidor, junto con el resto de datos del formulario.

Si queremos que algún valor de nuestra lista, aparezca inicialmente en nuestro menú, deberemos seleccionarlo desde la ventana de Propiedades > Seleccionado inicialmente

Ahora vamos a escribir un campo con un botón de opción "¿Quiere recibir información de todas las novedades?"

Para ello, nos vamos a Insertar > Botón de opción

Nos vamos a propiedades:


Damos un nombre y elegimos si queremos que esté activado o desactivado inicialmente

Deberemos crear otro Botón de opción distinto, para la opción de No

Ahora vamos a hacer que antes de enviar nuestro formulario, se compruebe si los datos son correctos, esto lo vamos a hacer mediante comportamientos.
Sí no tienes la ventana de comportamientos activa, puedes activarla en Ventana > Comportamientos

Damos click en nuestro formulario, pero fuera de ningún campo:

Y vamos a agregar un comportamiento nuevo, para ello en la ventana de comportamientos, damos click en el +

y elegimos validar formulario, ahora tan solo hay que dar los valores que queramos que se validen y de que forma, si queremos que sean obligatorios, un número, etc...

Guardamos nuestro trabajo y a subirlo a nuestro servidor ;)

Este es mi resultado.

2007©By Almaweb.es

subir

Ir al menú de tutoriales de DREAMWEAVER

Todos los tutoriales son de mi completa autoría,

cualquier parecido con otros, es pura coincidencia.

Queda totalmente prohibida su reproducción, total o parcial.

Si quieres enlazar mis tutoriales, no hay problema,

solo mandame un e-mail, para comunicarmelo.

Cualquier duda o sugerencia:

Tutoriales registrados

 

Alma Web

Design Sensation by almaweb.es

Foro Design Sensation