Formularios
 


Un formulario sirve para interactuar con el cliente, de forma que podamos por ejemplo saber su dirección de correo. Pero podemos ir mas allá, crear un libro de invitados, votaciones e incluso una tienda electrónica, la cual estará conectada a una base de datos mediante CGI.

Al insertar un formulario con Dreamweaver, introducimos una etiqueta <form>de HTML, la cual tiene tres atributos: Method indica al CGI como deben presentarse los datos. Action determina que se va a hacer con los datos del formulario. Enctype especifica el tipo de información MIME.

Bonito ¿No? Pero no nos asustemos, realmente quién va a conectar un formulario, por ejemplo, a una base de datos será un programador.


En Dreamweaver un formulario se inserta como cualquier otro objeto, en la Paleta de Objetos, elegimos formulario y en él tenemos diferentes herramientas.

Cuando insertamos un formulario en el área de trabajo aparece un recuadro con líneas discontinuas rojas que llamaremos contorno del formulario. En él tendremos que insertar los objetos del formulario para poder validarse (interpretarse), todo objeto fuera del contorno del formulario, no esta dentro del formulario.

Para insertar un formulario, lo podemos hacer desde la Paleta de objetos o el Menú insertar. Debemos dar a el formulario un nombre para poder instanciarlo desde por ejemplo JavaScript. Lo podemos hacer desde la Paleta de Propiedades.

Para insertar cualquier objeto de formulario, simplemente arrastramos desde la Paleta de objetos el objeto que queramos al contorno del formulario. Sus propiedades las configuramos desde la Paleta propiedades.



 

  • Campos de texto. Los campos de texto se utilizan para recoger información del cliente. Pueden ser del tipo: Una línea, varias líneas o campos de contraseña.

    Podemos dar un extensión máxima de caracteres(una contraseña de cuatro dígitos) y un ancho máximo de caracteres(lo que ocupará el cuadro de texto). Si elegimos varias líneas podremos dar un ajuste al campo de texto.

  • Casillas de verificación, sirven para verificar información, si tenemos mas de una, podremos tachar una, ninguna o todas las casillas.

  • Los botones de opción, son parecidas a las casillas de verificación, pero si tenemos varias solo podemos elegir una opción.

  • Menú de lista, tenemos un campo con una flecha que podemos abrir y seleccionar uno de los campos disponibles. En lista de menú tenemos dos flechas (una para subir opciones y otra para bajar) En ambas podemos seleccionar el alto de línea que tendrán los menús.

 

  • El campo de archivo permite buscar un archivo en el disco duro del cliente para adjuntarlo en el formulario.

  • Botones podemos seleccionar la acción que va a realizar el botón (enviar, restablecer o ninguno que podremos configurar nosotros). En el campo etiqueta insertaremos el nombre que queramos tenga el botón.

  • Campo de imagen. Sería una botón convertido a imagen. Podemos dar el ancho y alto como en cualquier imagen

  • Los campos ocultos se utilizan para mandar información (variables, CGI, etc) y no quiere que se vea dicha información.

  • Menú de salto, es la estrella de los formularios en Dreamweaver, tiene múltiples aplicaciones en Dreamweaver. Podemos crear, por ejemplo, una barra de búsqueda cuyos contenidos abran otras páginas web...Se utiliza junto con acciones.