Dreamweaver - CS3

Lección 43: Formularios (3)

43/58 Lecciones 

Listas y Menus

La diferencia entre una lista y un menu es la opción “lista” despliega una lista y la opción “menu” despliega un menu desplegable.
Para añadir una lista o un menu, primero coloca el cursor en la forma donde quieras tenerlo y haz click en el botón “Lista / Menu” en la pestaña “Formularios”.

Si lo tienes no deshabilitado, el diálogo de “Editor de etiquetas – select” es desplegado otra vez.
Introduce tu configuración y haz click en Aceptar.
En la ventana de propiedades, seleccionamos lo que queramos añadir si un menu o una lista.
En este primer ejemplo escojo el botón “menu” y hago click en “Valores de lista”.
Esto abre la ventana de “Valores de lista”, ¿qué es lo que creías?

Da valores a las etiquetas que quieras incluir en tu menu.
Las “Etiquetas” son desplegadas en el menu, y los “Valores” es lo que enviamos al servidor.
Como buen hombre de familia, da un nombre a cada elemento.
Y finalmente seleccionamos el elemento que se mostrará como seleccionado cuando el menu es desplegado inicialmente.

Cuando seleccionas la opción “Lista”, tenemos un número de propiedades para ajustar.
Entonces tienes la caja “Alto”, este controla la altura de la lista.
Si tienes más elementos en tu lista que puedan exceder en la lista dada, una barra de desplazamiento aparecerá en la lista.
Y después tienes la caja “Selecciones”. Cuando está seleccionada, el usuario del formulario puede seleccionar multiples elementos de la lista presionando la tecla Ctrl.
Otra vez, hacemos click en el botón “Valores de lista” para añadir varias opciones a nuestra lista.

Botón Formulario

No olvidemos añadir un botón que enviará el formulario.

Coloca el cursor donde quieras y haz click en el botón “Botón” de la pestaña “Formulario”.

En la ventana de propiedades, dale un nombre y añade un valor.
Repite lo mismo para el botón “Reestablecer”. Esto removerá toda la información que está ingresada en el formulario.

Validar Formulario

En el formulario, requieres que el usuario llene ciertos campos antes de que envíe el formulario.

Primero selecciona el botón “Enviar” del formulario.

Selecciona el panel “Etiqueta”, selecciona la pestaña de “Comportamientos” y haz click en el signo más.

En la lista del menu desplegable escoje la opción “Validar Formulario”.

 

 

 

Esto abre el diálogo de “Validar Formulario”.
En “Campos”, todos los elementos del formulario son mostrados.
Y aquí otra vez, es una prueba de que diste nombres y valores a tus elementos.

Selecciona el campo en la lista y haz click en la casilla de verificación “Obligatorios” si el usuario llena este campo. Alternativamente puedes escoger otra opción que el usuario debe completar. Por ejemplo, una dirección de email.
Aunque, el aún puede llenar lo que el quiera, éste tendra un signo @. Pero si, aun hay estúpidos en este mundo.

Como puedes ver, este está añadido en el panel “Comportamientos”.
Discutiré, múltiples “Comportamientos” en la Lección 45.

Increíble! Has completado Lección 43 INICIAR EL PROXIMO LECCIÓN