Puede crear un formulario web visualmente en Dreamweaver mediante la inserción de elementos de formulario en una página, pero esto solo es parte del trabajo. La otra parte, más compleja, es desarrollar un mecanismo para controlar los datos que los visitantes envían con el formulario. En ocasiones, los datos se guardan en una base de datos de clientes, por ejemplo. Por lo general, la tecnología de aplicación web, por ejemplo, PHP o Adobe ColdFusion, controla los datos de formularios.

En este artículo se describe cómo crear un formulario web sencillo. El desarrollo de un mecanismo para controlar datos enviados de un formulario no se incluye en este artículo. Para obtener instrucciones detalladas sobre la creación de formularios y un mecanismo para controlar datos enviados con PHP, consulte esta serie de tutoriales en el Centro de Desarrolladores de Adobe.

Cree un formulario web

  1. Abra una página en la vista Diseño en Dreamweaver y coloque el punto de inserción donde quiere que aparezca el formulario.
  2. Seleccione Insertar > Formulario > Formulario. También puede seleccionar la categoría Formularios en el panel Insertar (el pequeño triángulo situado debajo de la ficha del panel) y hacer clic en el icono Formulario. Dreamweaver inserta un formulario vacío. En la vista Diseño, un contorno de línea de puntos rojos indica los formularios. Si no ve este contorno, seleccione Vista > Ayuda visual > Elementos invisibles.
  3. Especifique la página o el script que procesa los datos de formulario. En la ventana del documento, haga clic en el contorno del formulario para seleccionarlo. En el Inspector de propiedades (Ventana > Propiedades), introduzca el nombre del archivo (y, si es necesario, la ruta) de la página de procesamiento en el cuadro de texto Acción del Inspector de propiedades. También puede hacer clic en el icono de carpeta para desplazarse hasta la página o el script correspondiente. Ejemplo: process_order.php.
  4. Especifique el método que se va a utilizar para transmitir los datos del formulario al servidor.En el Inspector de propiedades, seleccione una de las opciones siguientes en el menú emergente Método:
    • POST incrusta los datos del formulario en la solicitud HTTP. Para obtener más información, consulte Parámetros del formulario HTML en la ayuda de Dreamweaver.
    • GET anexa el valor a la URL que solicita la página. Para obtener más información, consulte Parámetros de la URL en la ayuda de Dreamweaver.
    • Default utiliza la configuración predeterminada del navegador para enviar los datos del formulario al servidor. El valor predeterminado es normalmente el método GET.
  5. Inserte los objetos de formulario.Coloque el punto de inserción donde quiere que aparezca el objeto de formulario en el formulario. Luego, seleccione el objeto en el menú Insertar > Formulario o en la categoría Formularios de la barra Insertar. Coloque los objetos de formulario dentro del contorno de línea de puntos rojos del formulario en la página. Para obtener más información sobre los objetos de formulario, consulte Objetos de formulario en la ayuda de Dreamweaver.

  6. Ajuste el diseño del formulario. Utilice saltos de línea, saltos de párrafo, texto con formato previo o tablas para dar formato a los formularios. No es posible insertar un formulario dentro de otro, pero sí incluir más de un formulario en una página.Al diseñar formularios, no olvide etiquetar los objetos de formulario con texto descriptivo para que el resto de los usuarios puedan saber a qué corresponden. Por ejemplo, "Escriba su nombre" para solicitar información del nombre. Utilice tablas para proporcionar estructura para objetos y etiquetas de formulario. Asegúrese de que todas las etiquetas de la tabla estén incluidas entre las etiquetas de formulario.

Esta obra está autorizada con arreglo a la licencia de Reconocimiento-NoComercial-CompartirIgual 3.0 Unported de Creative Commons.  Los términos de Creative Commons no cubren las publicaciones en Twitter™ y Facebook.

Avisos legales   |   Política de privacidad en línea