Guía del usuario Cancelar

Crear y activar formularios de ColdFusion en Dreamweaver

Buscar
Dreamweaver

Dreamweaver

Abrir aplicación
  1. Guía del usuario de Dreamweaver
  2. Introducción
    1. Conceptos básicos sobre diseño web adaptable
    2. Novedades de Dreamweaver
    3. Desarrollo web con Dreamweaver: información general
    4. Dreamweaver / Preguntas frecuentes
    5. Métodos abreviados de teclado
    6. Requisitos del sistema para Dreamweaver
    7. Resumen de funciones
  3. Dreamweaver y Creative Cloud
    1. Sincronizar la configuración de Dreamweaver con Creative Cloud
    2. Bibliotecas Creative Cloud en Dreamweaver
    3. Uso de archivos de Photoshop en Dreamweaver
    4. Trabajar con Adobe Animate y Dreamweaver
    5. Extraer archivos SVG optimizados para la Web desde bibliotecas
  4. Espacios de trabajo y vistas de Dreamweaver
    1. El espacio de trabajo de Dreamweaver
    2. Optimización del espacio de trabajo de Dreamweaver para la implementación visual
    3. Buscar archivos por nombre de archivo o contenido | Mac OS
  5. Configuración de sitios
    1. Acerca de los sitios de Dreamweaver
    2. Configuración de una versión local del sitio
    3. Conectar con servidores de publicación
    4. Configuración de un servidor de prueba
    5. Importación y exportación de la configuración de un sitio de Dreamweaver
    6. Traer sitios web existentes desde un servidor remoto a la raíz del sitio local
    7. Funciones de accesibilidad en Dreamweaver
    8. Ajustes avanzados
    9. Configuración de las preferencias de sitio para transferir archivos
    10. Especificación de la configuración del servidor proxy en Dreamweaver
    11. Sincronizar la configuración de Dreamweaver con Creative Cloud
    12. Uso de Git en Dreamweaver
  6. Administrar archivos
    1. Creación y apertura de documentos
    2. Administración de archivos y carpetas
    3. Carga de archivos al servidor y descarga desde el mismo
    4. Desprotección y protección de archivos
    5. Sincronizar archivos
    6. Comparación de archivos para detectar diferencias
    7. Ocultación de archivos y carpetas en el sitio de Dreamweaver
    8. Activación de Design Notes para sitios de Dreamweaver
    9. Prevención de la posible actuación repentina de Gatekeeper
  7. Maquetación y diseño
    1. Usar ayudas visuales al diseñar
    2. Información sobre el uso de CSS para diseñar la página
    3. Diseño de sitios web interactivos con Bootstrap
    4. Creación y uso de consultas de medios en Dreamweaver
    5. Presentación de contenido en tablas
    6. Colores
    7. Diseño interactivo mediante diseños de cuadrícula fluida
    8. Extract en Dreamweaver
  8. CSS
    1. Aspectos básicos de las hojas de estilos en cascada
    2. Diseño de páginas con el Diseñador de CSS
    3. Uso de preprocesadores de CSS en Dreamweaver
    4. Configuración de las preferencias de estilos CSS en Dreamweaver
    5. Mover reglas CSS en Dreamweaver
    6. Conversión de CSS en línea en una regla CSS en Dreamweaver
    7. Uso de etiquetas div
    8. Aplicación de degradados al fondo
    9. Creación y edición de efectos de transición de CSS3 en Dreamweaver
    10. Formatear código
  9. Contenido de página y activos
    1. Definición de las propiedades de la página
    2. Configuración de propiedades de encabezado CSS y propiedades de vínculo CSS
    3. Uso de texto
    4. Buscar y reemplazar texto, etiquetas y atributos
    5. Panel DOM
    6. Editar en la Vista en vivo
    7. Codificación de documentos en Dreamweaver
    8. Selección y visualización de elementos de la ventana de documento
    9. Configuración de las propiedades de texto en el inspector de propiedades
    10. Revisión ortográfica de una página web
    11. Uso de las reglas horizontales en Dreamweaver
    12. Añadir y modificar combinaciones de fuentes en Dreamweaver.
    13. Trabajo con activos
    14. Inserción y actualización de fechas en Dreamweaver
    15. Creación y gestión de activos favoritos en Dreamweaver
    16. Insertar y editar imágenes en Dreamweaver
    17. Adición de objetos multimedia
    18. Adición de vídeos en Dreamweaver
    19. Insertar vídeo HTML5
    20. Insertar archivos SWF
    21. Adición de efectos de sonido
    22. Insertar audio HTML5 en Dreamweaver
    23. Trabajar con elementos de bibliotecas
    24. Uso de texto árabe y hebreo en Dreamweaver
  10. Establecimiento de vínculos y navegación
    1. Acerca del establecimiento de vínculos y la navegación
    2. Vinculación
    3. Mapas de imágenes
    4. Vínculos de solución de problemas
  11. Widgets y efectos de jQuery
    1. Uso de interfaz de usuario y widgets móviles de jQuery en Dreamweaver
    2. Uso de efectos jQuery en Dreamweaver
  12. Programación de sitios web
    1. Acerca de la programación en Dreamweaver
    2. Entorno de programación en Dreamweaver
    3. Configuración de las preferencias de programación
    4. Personalización de los colores del código
    5. Escritura y edición de código
    6. Sugerencias de código y completado de código
    7. Contraer y expandir código
    8. Reutilizar código con fragmentos
    9. Depuración de código mediante linting
    10. Optimización del código
    11. Edición de código en Vista de diseño
    12. Trabajo con el contenido de Head para páginas
    13. Inserción del lado del servidor incluida en Dreamweaver
    14. Uso de bibliotecas de etiquetas en Dreamweaver
    15. Importación de etiquetas personalizadas a Dreamweaver
    16. Uso de comportamientos de JavaScript (instrucciones generales)
    17. Aplicación de comportamientos JavaScript incorporados
    18. Acerca de XML y XSLT
    19. Realización de transformaciones XSL del lado del servidor en Dreamweaver
    20. Realización de transformaciones XSL en el lado del cliente en Dreamweaver
    21. Adición de entidades de caracteres para XSLT en Dreamweaver
    22. Formatear código
  13. Flujos de trabajo de varios productos
    1. Instalación y uso de extensiones para Dreamweaver
    2. Actualizaciones integradas en Dreamweaver
    3. Insertar documentos de Microsoft Office en Dreamweaver (solo Windows)
    4. Trabajo con Fireworks y Dreamweaver
    5. Edición de contenido en sitios de Dreamweaver con Contribute
    6. Integración de Dreamweaver Business Catalyst
    7. Crear campañas de correo electrónico personalizado
  14. Plantillas
    1. Acerca de las plantillas de Dreamweaver
    2. Reconocimiento de plantillas y documentos basados en plantillas
    3. Crear una plantilla de Dreamweaver
    4. Crear regiones editables en plantillas
    5. Creación de tablas y regiones repetidas en Dreamweaver
    6. Usar regiones opcionales en plantillas
    7. Definición de atributos de etiqueta editables en Dreamweaver
    8. Creación de plantillas anidadas en Dreamweaver
    9. Edición, actualización y eliminación de plantillas
    10. Exportar e importar contenido xml en Dreamweaver
    11. Aplicación o eliminación de una plantilla de un documento existente
    12. Edición de contenido en plantillas de Dreamweaver
    13. Reglas de sintaxis de etiquetas de plantilla en Dreamweaver
    14. Configuración de preferencias de resaltado en regiones de plantillas
    15. Ventajas de usar plantillas en Dreamweaver
  15. Móvil y multipantalla
    1. Creación de consultas de medios
    2. Cambio de la orientación de página para dispositivos móviles
    3. Creación de aplicaciones web para dispositivos móviles con Dreamweaver
  16. Sitios, páginas y formularios web dinámicos
    1. Aspectos básicos de las aplicaciones web
    2. Configuración del ordenador para desarrollo de aplicaciones
    3. Solución de problemas de conexiones a bases de datos
    4. Eliminación de secuencias de comandos de conexión en Dreamweaver
    5. Diseñar páginas dinámicas
    6. Introducción a las fuentes de contenido dinámico
    7. Definir fuentes de contenido dinámico
    8. Añadir contenido dinámico a las páginas
    9. Cambio de contenido dinámico en Dreamweaver
    10. Visualización de registros de bases de datos
    11. Proporcionar datos en vivo y solucionar sus problemas en Dreamweaver
    12. Añadir comportamientos de servidor personalizados en Dreamweaver
    13. Crear formularios con Dreamweaver
    14. Uso de formularios para recopilar información de los usuarios
    15. Crear y activar formularios de ColdFusion en Dreamweaver
    16. Crear formularios web
    17. Compatibilidad mejorada con HTML5 para elementos de formulario
    18. Desarrollar un formulario con Dreamweaver
  17. Creación visual de aplicaciones
    1. Creación de las páginas maestra y de detalles en Dreamweaver
    2. Crear páginas de búsqueda y resultados
    3. Crear una página de inserción de registros
    4. Crear una página de actualización de registros en Dreamweaver
    5. Creación de páginas de eliminación de registros en Dreamweaver
    6. Usar comandos ASP para modificar una base de datos en Dreamweaver
    7. Crear una página de registro
    8. Crear una página de inicio de sesión
    9. Creación de una página para acceso exclusivo de usuarios autorizados
    10. Protección de carpetas en ColdFusion con Dreamweaver
    11. Uso de componentes de ColdFusion en Dreamweaver
  18. Prueba, vista previa y publicación de sitios web
    1. Vista previa de páginas
    2. Vista previa de páginas web de Dreamweaver en varios dispositivos
    3. Comprobación del sitio de Dreamweaver
  19. Solución de problemas
    1. Problemas resueltos
    2. Problemas conocidos

 

 

Nota:

La compatibilidad con ColdFusion se ha eliminado en Dreamweaver y versiones posteriores.

Acerca de los formularios de ColdFusion

Los formularios de ColdFusion le ofrecen diversos mecanismos incorporados para validar datos de formulario. Por ejemplo, puede comprobar si el usuario ha introducido una fecha válida. Algunos controles de formulario tienen funciones adicionales. Algunos carecen de equivalente en HTML, mientras que otros permiten directamente la introducción dinámica de datos en el control desde fuentes de datos.

Dreamweaver ofrece varias mejoras para desarrolladores de ColdFusion que utilicen ColdFusion MX 7 o una versión posterior como servidor de desarrollo. Entre estas mejoras, se incluyen más botones del panel Insertar, elementos de menú e inspectores de propiedades para que pueda crear y definir rápidamente las propiedades de los formularios ColdFusion. También puede generar código que valide la información suministrada por los visitantes del sitio. Por ejemplo, se puede comprobar que una dirección de correo electrónico especificada por un usuario contenga un símbolo @ o que un campo de texto obligatorio contenga un tipo de valor determinado.

Activación de las mejoras de ColdFusion

Algunas de estas mejoras requieren la definición de un ordenador con ColdFusion MX 7 o una versión posterior como servidor de prueba para Dreamweaver. Por ejemplo, los inspectores de propiedades para los controles de formulario están disponibles únicamente si se especifica el servidor de prueba correcto.

Solo es necesario definir una vez un servidor de prueba. Posteriormente, Dreamweaver detecta automáticamente la versión del servidor de prueba y aplica las mejoras disponibles si detecta ColdFusion.

  1. Si aún no lo ha hecho, defina un sitio de Dreamweaver para el proyecto ColdFusion.
  2. Seleccione Sitio > Administrar sitios, elija su sitio de la lista y haga clic en Editar.
  3. Seleccione la categoría Servidores y especifique como servidor de prueba para su sitio de Dreamweaver un ordenador en el que se ejecute ColdFusion MX 7 o una versión posterior. Asegúrese de que especifica un URL Web.
  4. Abra cualquier documento ColdFusion.

    No verá ningún cambio visible en el espacio de trabajo de Dreamweaver hasta que no abra un documento ColdFusion.

Crear formularios ColdFusion

Puede utilizar distintos botones del panel Insertar, elementos de menú e inspectores de propiedades para crear rápidamente formularios ColdFusion y definir sus propiedades en Dreamweaver.

Nota:

Estas mejoras solo están disponibles si se accede a un ordenador con ColdFusion MX 7 o una versión posterior instalada.

  1. Abra una página de ColdFusion y sitúe el punto de inserción donde desee que aparezca el formulario ColdFusion.
  2. Seleccione Insertar > Objetos de ColdFusion > CFForm > CFForm, o bien seleccione la categoría CFForm en el panel Insertar y haga clic en el icono del formulario CF.

    Dreamweaver inserta un formulario ColdFusion vacío. En la vista de Diseño, el formulario se indica con un contorno de línea de puntos rojos. Si no ve el contorno, verifique que la opción Ver > Ayudas visuales > Elementos invisibles esté seleccionada.

  3. Asegúrese de que el formulario sigue seleccionado y, a continuación, utilice el inspector de propiedades para especificar cualquiera de las siguientes propiedades de formulario.

    CFForm

    Establece el nombre del formulario.

    Acción

    Permite especificar el nombre de la página ColdFusion que se procesará al enviar el formulario.

    Método

    Permite definir el método que utilizará el navegador para enviar los datos del formulario al servidor:

    POST

    Envía los datos a través del método HTTP post; este método envía los datos al servidor en un mensaje independiente.

    GET

    Envía los datos a través del método HTTP get y coloca el contenido del campo de formulario en la cadena de consulta del URL.

    Destino

    Permite modificar el valor del atributo de destino de la etiqueta cfform.

    Tipo de codificación

    Especifica el método de codificación utilizado para transmitir los datos del formulario.

    Nota:

    El tipo de codificación no se refiere a la codificación de caracteres. Este atributo especifica el tipo de contenido utilizado para enviar el formulario al servidor (cuando el valor del método es post). El valor predeterminado para este atributo es application/x-www-form-urlencoded.

    Formato

    Determina qué tipo de formulario se va a crear:

    HTML

    Genera un formulario HTML y lo envía al cliente. Los controles hijo cfgrid y cftree pueden estar en formato Flash o applet.

    Flash

    Genera un formulario Flash y lo envía al cliente. Todos los controles están en formato Flash.

    XML

    Genera XML de XForm y coloca los resultados en una variable con el nombre del formulario ColdFusion. No se envía nada al cliente. Los controles hijo cfgrid y cftree pueden estar en formato Flash o applet.

    Estilo

    Permite especificar un estilo para el formulario. Para obtener más información, consulte la documentación de ColdFusion.

    Aspecto Flash/XML

    Permite especificar un halo de color de para estilizar el resultado. El tema determina el color utilizado para los componentes resaltados y seleccionados.

    Conservar datos

    Determina si los valores enviados anulan los valores iniciales de los controles cuando el formulario vuelve a sí mismo.

    • Si se establece en False, se utilizan los valores especificados en atributos de etiqueta del control.

    • Si es True, se utilizan los valores enviados.

    Ubicación scripts

    Especifica el URL (relativo a la raíz web) del archivo JavaScript que contiene el código del lado del cliente utilizado por la etiqueta y sus etiquetas hijo. Este atributo resulta útil si el archivo no se encuentra en su ubicación predeterminada. También es posible que este atributo sea necesario en entornos de alojamiento y en configuraciones que bloqueen el acceso al directorio /CFIDE. La ubicación predeterminada está definida en ColdFusion Administrator; de forma predeterminada, es /CFIDE/scripts/cfform.js.

    Archivo

    Especifica el URL de las clases transferibles de Java para los controles de applet cfgrid, cfslider y cftree. La ubicación predeterminada es /CFIDE/classes/cfapplets.jar.

    Altura

    Permite establecer la altura del formulario.

    Ancho

    Permite establecer el ancho del formulario.

    Mostrar editor de etiquetas para cfform

    Permite editar propiedades no enumeradas en el inspector de propiedades.

  4. Inserte los controles del formulario ColdFusion.

    Sitúe el punto de inserción en el lugar en el que quiere que aparezca el control del formulario ColdFusion en el formulario y, a continuación, seleccione el control en el menú Insertar (Insertar > Objetos de ColdFusion > CFForm), o bien hágalo desde la categoría CFForm del panel Insertar.

  5. Si es necesario, defina las propiedades del control con el inspector de propiedades.

    Asegúrese de que el control está seleccionado en la vista de Diseño y, después, defina las propiedades en el inspector de propiedades. Para obtener más información sobre las propiedades, haga clic en el icono Ayuda del inspector de propiedades.

  6. Ajuste el diseño del formulario ColdFusion.

    Si está creando un formulario basado en HTML, puede utilizar saltos de línea, saltos de párrafo, texto con formato predeterminado o tablas para aplicar formato a los formularios. No puede insertar un formulario ColdFusion en otro formulario ColdFusion (es decir, superponer etiquetas), pero puede incluir varios formularios ColdFusion en una misma página.

    Si está creando un formulario basado en Flash, utilice estilos de hojas de estilos en cascada (CSS) para diseñar el formulario. ColdFusion omitirá cualquier código HTML del formulario.

    No olvide etiquetar los campos del formulario ColdFusion con texto descriptivo para que el resto de usuarios puedan saber a qué corresponden. Por ejemplo, cree una etiqueta del tipo “Escriba el nombre de la etiqueta” para solicitar información del nombre.

Insertar controles de formulario ColdFusion

Utilice el panel Insertar o el menú Insertar para insertar rápidamente los controles del formulario ColdFusion en un formulario ColdFusion. Debe crear un formulario ColdFusion vacío para poder insertarle controles.

Nota:

Estas mejoras solo están disponibles si se accede a un ordenador con ColdFusion MX 7 o una versión posterior instalada.

  1. En la vista de Diseño, sitúe el punto de inserción en el interior del contorno del formulario.
  2. Seleccione el control del menú Insertar (Insertar > Objetos de ColdFusion > CFForm) o en la categoría CFForm del panel Insertar.
  3. Haga clic en el control de la página para seleccionarlo y, después, defina las propiedades en el inspector de propiedades.

    Para obtener información sobre las propiedades de controles específicos, consulte los temas sobre los controles.

Insertar campos de texto ColdFusion

Es posible insertar visualmente un campo de texto o un campo de contraseña ColdFusion en el formulario y definir sus opciones.

Nota:

Esta mejora solo está disponible si se accede a un ordenador que ejecute ColdFusion MX 7 o una versión posterior.

Inserción visual de un campo de texto ColdFusion

  1. En la vista de Diseño, sitúe el punto de inserción en el interior del contorno del formulario.
  2. En la categoría CFForm del panel Insertar, haga clic en el icono del campo de texto CF o seleccione Insertar > Objetos de ColdFusion > CFForm > CFtextfield.

    Aparece un campo de texto en el formulario.

  3. Seleccione el campo de texto y establezca sus propiedades en el inspector de propiedades.
  4. Para etiquetar el campo de texto en la página, haga clic junto al campo de texto y escriba el texto de la etiqueta.

Inserción visual de un campo de contraseña

  1. Repita los pasos 1 y 2 descritos en el procedimiento anterior para insertar un cuadro de texto.
  2. Seleccione el campo de texto insertado para visualizar su inspector de propiedades.
  3. Seleccione el valor de contraseña en el menú emergente del modo de texto del inspector de propiedades.

Opciones de CFTextField (ColdFusion)

Para establecer las opciones de un campo de texto o contraseña de ColdFusion, establezca las siguientes opciones en el inspector de propiedades de CFTextField:

CFtextfield

Define el atributo id de la etiqueta <cfinput>.

Valor

Permite especificar el texto que aparecerá en el campo cuando la página se abra por primera vez en un navegador. La información puede ser estática o dinámica.

Para especificar un valor dinámico, haga clic en el icono de rayo situado junto al cuadro Valor y seleccione una columna de juego de registros del cuadro de diálogo Datos dinámicos. La columna de juego de registros proporciona un valor al campo de texto cuando se ve el formulario en un navegador.

Modo de texto

Permite cambiar entre el campo de entrada de texto estándar y el campo de entrada de contraseña. El atributo modificado mediante este control es type.

Solo lectura

Permite convertir el texto mostrado en solo lectura.

Longitud máxima

Establece el número máximo de caracteres aceptados por el campo de texto.

Máscara

Permite especificar una máscara para el texto solicitado. Esta propiedad se puede utilizar para validar el texto introducido por el usuario. El formato de la máscara está formado por caracteres A, 9, X y ? .

Nota:

El atributo de la máscara se omite en el caso de la etiqueta cfinput type="password".

Validar

Especifica el tipo de validación del campo actual.

Validar al

Especifica el momento en el que se valida el campo: onSubmit, onBlur u onServer.

Etiqueta

Le permite especificar una etiqueta para el campo de texto.

Patrón

Permite especificar un patrón de expresión común de JavaScript para validar el texto introducido por el usuario. Omita los guiones iniciales y finales. Para obtener más información, consulte la documentación de ColdFusion.

Altura

Permite especificar (en píxeles) la altura del control.

Ancho

Permite especificar (en píxeles) el ancho del control.

Tamaño

Permite especificar el tamaño del control.

Obligatorio

Permite especificar si el campo de texto debe contener datos antes de enviar el formulario al servidor.

Mostrar editor de etiquetas

Permite editar propiedades no enumeradas en el inspector de propiedades.

Insertar campos ocultos ColdFusion

Es posible insertar visualmente un campo oculto ColdFusion en el formulario y definir sus propiedades. Utilice los campos ocultos para almacenar y enviar información no introducida por el usuario. La información se oculta al usuario.

Nota:

Esta mejora solo está disponible si se accede a un ordenador que ejecute ColdFusion MX 7 o una versión posterior.

  1. En la vista de Diseño, sitúe el punto de inserción en el interior del contorno del formulario.
  2. En la categoría CFForm del panel Insertar, haga clic en el icono del campo oculto CF.

    Aparece un marcador en el formulario ColdFusion. Si no puede ver el marcador, seleccione Ver > Ayudas visuales > Elementos invisibles.

  3. Seleccione el campo oculto en la página y establezca las siguientes opciones en el inspector de propiedades:

    Cfhiddenfield

    Permite especificar el nombre exclusivo para el campo oculto.

    Valor

    Permite especificar un valor para el campo oculto. Los datos pueden ser estáticos o dinámicos.

    Para especificar un valor dinámico, haga clic en el icono de rayo situado junto al cuadro Valor y seleccione una columna de juego de registros del cuadro de diálogo Datos dinámicos. La columna de juego de registros proporciona un valor al campo de texto cuando se ve el formulario en un navegador.

    Validar

    Especifica el tipo de validación del campo actual.

    Validar al

    Especifica el momento en el que se valida el campo: onSubmit, onBlur u onServer.

    Etiqueta

    Permite especificar una etiqueta para el campo oculto. Esta propiedad se omite en el servidor ColdFusion en tiempo de ejecución.

    Patrón

    Permite especificar un patrón de expresión común de JavaScript para validar el texto introducido por el usuario. Omita los guiones iniciales y finales. Para obtener más información, consulte la documentación de ColdFusion.

    Altura

    Permite especificar (en píxeles) la altura del control. Esta propiedad se omite en el servidor ColdFusion en tiempo de ejecución.

    Ancho

    Permite especificar (en píxeles) el ancho del control. Esta propiedad se omite en el servidor ColdFusion en tiempo de ejecución.

    Tamaño

    Permite especificar el tamaño del control. Esta propiedad se omite en el servidor ColdFusion en tiempo de ejecución.

    Obligatorio

    Permite especificar si el campo oculto debe contener datos antes de enviar el formulario al servidor.

    Mostrar editor de etiquetas

    Permite editar propiedades no enumeradas en el inspector de propiedades.

Insertar áreas de texto ColdFusion

Es posible insertar visualmente un área de texto ColdFusion en el formulario y definir sus propiedades. Un área de texto es un elemento de entrada formado por varias líneas de texto.

Nota:

Esta mejora solo está disponible si se accede a un ordenador que ejecute ColdFusion MX 7 o una versión posterior.

  1. Sitúe el punto de inserción en el interior del contorno del formulario.
  2. En la categoría CFForm del panel Insertar, haga clic en el icono del área de texto CF.

    Aparece un área de texto en el formulario ColdFusion.

  3. Seleccione el área de texto en la página y establezca las siguientes opciones en el inspector de propiedades:

    Cftextarea

    Permite especificar un nombre exclusivo para el control.

    Ancho car

    Permite establecer el número de caracteres por línea.

    Líneas núm

    Permite establecer el número de filas que se mostrarán en el área de texto.

    Ajustar

    Permite especificar cómo quiere que los usuarios introduzcan el texto para ajustar.

    Obligatorio

    Permite especificar si el usuario debe introducir datos en el campo (opción marcada) o no (opción sin marcar).

    Valor inicial

    Permite especificar el texto que aparecerá en el área de texto cuando la página se abra por primera vez en un navegador.

    Validar

    Especifica el tipo de validación del campo.

    Validar al

    Especifica el momento en el que se valida el campo: onSubmit, onBlur u onServer.

    Etiqueta

    Permite especificar una etiqueta para el campo oculto.

    Estilo

    Permite especificar un estilo para el control. Para obtener más información, consulte la documentación de ColdFusion.

    Altura

    Permite especificar (en píxeles) la altura del control. Esta propiedad se omite en el servidor ColdFusion en tiempo de ejecución.

    Ancho

    Permite especificar (en píxeles) el ancho del control. Esta propiedad se omite en el servidor ColdFusion en tiempo de ejecución.

    Mostrar editor de etiquetas

    Permite editar propiedades no enumeradas en el inspector de propiedades.

  4. Para etiquetar el área de texto, haga clic junto al campo de texto y escriba el texto de la etiqueta.

Insertar botones ColdFusion

Es posible insertar visualmente un botón ColdFusion en el formulario y definir sus propiedades. Los botones ColdFusion controlan el funcionamiento de los formularios ColdFusion. Puede utilizar los botones para enviar datos de formulario ColdFusion al servidor o para restablecer el formulario ColdFusion. Los botones ColdFusion estándar normalmente tienen las etiquetas Enviar o Restablecer. También se pueden asignar otras tareas de proceso definidas en un script. Por ejemplo, el botón puede calcular el coste total de elementos seleccionados, basándose en los valores asignados.

Nota:

Esta mejora solo está disponible si se accede a un ordenador que ejecute ColdFusion MX 7 o una versión posterior.

  1. Sitúe el punto de inserción en el interior del contorno del formulario ColdFusion.
  2. En la categoría CFForm del panel Insertar, haga clic en el icono del botón CF.

    Aparece un botón en el formulario ColdFusion.

  3. Seleccione el botón en la página y establezca las siguientes opciones en el inspector de propiedades:

    Cfbutton

    Permite especificar un nombre exclusivo para el control.

    Acción

    Permite especificar el tipo de botón que se va a crear.

    Mostrar editor de etiquetas

    Permite editar propiedades no enumeradas en el inspector de propiedades.

    El resto de propiedades se omiten en el servidor ColdFusion en tiempo de ejecución.

Insertar casillas de verificación ColdFusion

Es posible insertar visualmente una casilla de verificación ColdFusion en el formulario y definir sus propiedades. Utilice las casillas de verificación para permitir a los usuarios seleccionar más de una opción de un grupo de opciones.

Nota:

Esta mejora solo está disponible si se accede a un ordenador que ejecute ColdFusion MX 7 o una versión posterior.

  1. Sitúe el punto de inserción en el interior del contorno del formulario.
  2. En la categoría CFForm del panel Insertar, haga clic en el icono de la casilla de verificación CF.

    Aparece una casilla de verificación en el formulario ColdFusion.

  3. Seleccione la casilla de verificación y establezca las siguientes opciones en el inspector de propiedades:

    Cfcheckbox

    Permite especificar un nombre exclusivo para el control.

    Valor activado

    Permite especificar el valor que devolverá la casilla de verificación si el usuario la activa.

    Estado inicial

    Permite especificar si la casilla de verificación está activada cuando la página se abre por primera vez en un navegador.

    Validar

    Especifica el tipo de validación de la casilla de verificación.

    Validar al

    Especifica el momento en el que se valida la casilla de verificación: onSubmit, onBlur u onServer.

    Etiqueta

    Permite especificar una etiqueta para la casilla de verificación.

    Patrón

    Permite especificar un patrón de expresión común de JavaScript para validar el texto introducido por el usuario. Omita los guiones iniciales y finales. Para obtener más información, consulte la documentación de ColdFusion.

    Altura

    Permite especificar (en píxeles) la altura del control. Esta propiedad se omite en el servidor ColdFusion en tiempo de ejecución.

    Ancho

    Permite especificar (en píxeles) el ancho del control. Esta propiedad se omite en el servidor ColdFusion en tiempo de ejecución.

    Tamaño

    Permite especificar el tamaño del control. Esta propiedad se omite en el servidor ColdFusion en tiempo de ejecución.

    Obligatorio

    Permite especificar si la casilla de verificación debe activarse antes de enviar el formulario al servidor.

    Mostrar editor de etiquetas

    Permite editar propiedades no enumeradas en el inspector de propiedades.

  4. Para etiquetar la casilla de verificación, haga clic junto a la casilla de verificación en la página y escriba la etiqueta.

Insertar botones de opción ColdFusion

Es posible insertar visualmente un botón de opción ColdFusion en el formulario y definir sus propiedades. Utilice los botones de opción cuando desee que los usuarios solo puedan seleccionar una de las opciones de un grupo de opciones. Generalmente, los botones de opción se utilizan en grupos. Todos los botones de opción de un grupo deben tener el mismo nombre.

Nota:

Esta mejora solo está disponible si se accede a un ordenador que ejecute ColdFusion MX 7 o una versión posterior.

  1. Sitúe el punto de inserción en el interior del contorno del formulario.
  2. Seleccione Insertar > Objetos de ColdFusion > CFForm > CFradiobutton.

    Aparece un botón de opción en el formulario ColdFusion.

  3. Seleccione el botón de opción en la página y establezca las siguientes opciones en el inspector de propiedades:

    Cfradiobutton

    Permite especificar un nombre exclusivo para el control.

    Valor activado

    Permite especificar el valor que devolverá el botón de opción si el usuario lo activa.

    Estado inicial

    Permite especificar si el botón de opción está activado cuando la página se abre por primera vez en un navegador.

    Validar

    Especifica el tipo de validación del botón de opción.

    Validar al

    Especifica el momento en el que se valida el botón de opción: onSubmit, onBlur u onServer.

    Etiqueta

    Permite especificar una etiqueta para el botón de opción.

    Patrón

    Permite especificar un patrón de expresión común de JavaScript para validar el texto introducido por el usuario. Omita los guiones iniciales y finales. Para obtener más información, consulte la documentación de ColdFusion.

    Altura

    Permite especificar (en píxeles) la altura del control. Esta propiedad se omite en el servidor ColdFusion en tiempo de ejecución.

    Ancho

    Permite especificar (en píxeles) el ancho del control. Esta propiedad se omite en el servidor ColdFusion en tiempo de ejecución.

    Tamaño

    Permite especificar el tamaño del control. Esta propiedad se omite en el servidor ColdFusion en tiempo de ejecución.

    Obligatorio

    Permite especificar si el botón de opción debe activarse antes de enviar el formulario al servidor.

    Mostrar editor de etiquetas

    Permite editar propiedades no enumeradas en el inspector de propiedades.

  4. Para etiquetar el botón de opción, haga clic junto al campo de texto de la página y escriba el texto de la etiqueta.

Insertar cuadros de selección ColdFusion

Es posible insertar visualmente un cuadro de selección ColdFusion en el formulario y definir sus propiedades. Los cuadros de selección permiten a los visitantes seleccionar uno o varios elementos de una lista. Los cuadros de selección son útiles cuando se dispone de una cantidad de espacio limitada pero se necesita mostrar muchos elementos. También son útiles cuando se desea controlar los valores devueltos al servidor. A diferencia de los campos de texto, en los que el usuario puede escribir todo lo que desea, incluso datos no válidos, con los cuadros de selección es posible establecer los valores exactos que debe devolver un menú.

En un formulario, puede insertar dos tipos de cuadros de selección: un menú que “se despliega” cuando el usuario hace clic en él o un menú que muestra una lista de elementos en la que puede desplazarse y realizar selecciones.

Nota:

Esta mejora solo está disponible si se accede a un ordenador que ejecute ColdFusion MX 7 o una versión posterior.

  1. Sitúe el punto de inserción en el interior del contorno del formulario.
  2. En la categoría CFForm del panel Insertar, haga clic en el icono del cuadro de selección CF.

    Aparece un cuadro de selección en el formulario ColdFusion.

  3. Seleccione el cuadro de selección y establezca las siguientes opciones en el inspector de propiedades:

    Cfselect

    Permite especificar un nombre exclusivo para el control.

    Tipo

    Permite elegir entre un menú emergente y una lista. Si selecciona el tipo de lista, aparecerán las opciones para poder controlar el alto de la lista y permitir selecciones múltiples.

    Alto de lista

    Permite especificar el número de líneas que se mostrarán en el menú de lista. Esta opción solo está disponible si se selecciona el tipo de lista.

    Permitir múltiples selecciones de lista

    Permite especificar si el usuario puede seleccionar más de una opción de la lista a la vez. Esta opción solo está disponible si se selecciona el tipo de lista.

    Editar valores

    Abre un cuadro de diálogo en el que es posible añadir, editar o quitar opciones del cuadro de selección.

    Seleccionado inicialmente

    Permite especificar qué opción se selecciona de forma predeterminada. Puede seleccionar más de una opción si seleccionó la opción para permitir múltiples selecciones de lista.

    Juego de registros

    Permite especificar el nombre de la consulta ColdFusion que desea utilizar para rellenar la lista o el menú.

    Columna en pantalla

    Permite especificar la columna del juego de registros para suministrar la etiqueta de visualización de cada elemento de la lista. Se utiliza con la propiedad del juego de registros.

    Columna Valor

    Permite especificar la columna del juego de registros para suministrar el valor de cada elemento de la lista. Se utiliza con la propiedad del juego de registros.

    Etiqueta de Flash

    Permite especificar una etiqueta para el cuadro de selección.

    Alto de Flash

    Permite especificar (en píxeles) la altura del control. Esta propiedad se omite en el servidor ColdFusion en tiempo de ejecución.

    Ancho de Flash

    Permite especificar (en píxeles) el ancho del control. Esta propiedad se omite en el servidor ColdFusion en tiempo de ejecución.

    Mensaje

    Especifica el mensaje que aparece si la propiedad Obligatorio se establece en Sí, y si el usuario no consigue realizar una selección antes de enviar el formulario.

    Obligatorio

    Permite especificar si se debe seleccionar un elemento de menú antes de enviar el formulario al servidor.

    Mostrar editor de etiquetas

    Permite editar propiedades no enumeradas en el inspector de propiedades.

Insertar campos de imagen ColdFusion

Es posible insertar visualmente un campo de imagen ColdFusion en el formulario y definir sus opciones. Los campos de imagen se utilizan para personalizar botones.

Nota:

Esta mejora solo está disponible si se accede a un ordenador que ejecute ColdFusion MX 7 o una versión posterior.

  1. En la vista de Diseño, sitúe el punto de inserción en el interior del contorno del formulario.
  2. En la categoría CFForm del panel Insertar, haga clic en el icono del campo de imagen CF. Busque y seleccione la imagen que desea insertar y haga clic en Aceptar. Como alternativa, puede introducir la ruta de acceso del archivo de imagen en el cuadro Orig.
    Nota:

    Si la imagen se encuentra fuera de la carpeta raíz del sitio, deberá copiar la imagen en la carpeta raíz. No es posible acceder a las imágenes ubicadas fuera de la carpeta raíz al publicar el sitio.

  3. Seleccione el campo de imagen en la página y establezca las siguientes opciones en el inspector de propiedades:

    Cfimagefield

    Permite especificar un nombre exclusivo para el control.

    Origen

    Permite especificar el URL de la imagen insertada.

    Alt

    Permite especificar un mensaje si la imagen no se puede mostrar.

    Alinear

    Permite especificar la alineación de la imagen.

    Borde

    Permite ajustar el ancho del borde de la imagen.

    Editar imagen

    Abre la imagen en el editor de imágenes predeterminado.

    Para definir un editor de imágenes predeterminado, seleccione Edición > Preferencias > Tipos de archivo/editores. De lo contrario, el botón Editar imagen no realizará ninguna acción.

    Validar

    Especifica el tipo de validación del campo de imagen.

    Validar al

    Especifica el momento en el que se valida el campo: onSubmit, onBlur u onServer.

    Etiqueta

    Permite especificar una etiqueta para el botón de opción.

    Patrón

    Permite especificar un patrón de expresión común de JavaScript para validar el texto introducido por el usuario. Omita los guiones iniciales y finales. Para obtener más información, consulte la documentación de ColdFusion.

    Altura

    Permite especificar (en píxeles) la altura del control.

    Ancho

    Permite especificar (en píxeles) el ancho del control.

    Tamaño

    Permite especificar el tamaño del control. Esta propiedad se omite en el servidor ColdFusion en tiempo de ejecución.

    Obligatorio

    Permite especificar si el control debe contener datos antes de enviar el formulario al servidor.

    Mostrar editor de etiquetas

    Permite editar propiedades no enumeradas en el inspector de propiedades.

Insertar campos de archivo ColdFusion

Es posible insertar visualmente un campo de archivo ColdFusion en el formulario y definir sus propiedades. Los campos de archivo se utilizan para que los usuarios puedan seleccionar un archivo de su equipo, por ejemplo, un documento de tratamiento de textos o un archivo gráfico, y cargarlo en el servidor. Un campo de archivo ColdFusion tiene la apariencia de un campo de texto, pero contiene además un botón Examinar. El usuario puede introducir manualmente la ruta del archivo que desea cargar o utilizar el botón Examinar para localizar el archivo y seleccionarlo.

En los campos de archivo, es necesario utilizar el método POST para transmitir los archivos desde el navegador al servidor. El archivo se envía a la dirección especificada en el cuadro Acción del formulario. Póngase en contacto con el administrador del servidor para confirmar si se permite la carga de archivos anónimos, antes de usar el campo de archivo del formulario.

Los campos de archivo también necesitan que la codificación esté definida en multipart/form. Dreamweaver define estos valores automáticamente al insertar un control de campo de archivo.

Nota:

Esta mejora solo está disponible si se accede a un ordenador que ejecute ColdFusion MX 7 o una versión posterior.

  1. En la vista de Diseño, seleccione CFForm para mostrar su inspector de propiedades.

    Para seleccionar el formulario de forma rápida, haga clic en cualquier lugar del contorno del formulario y, después, seleccione la etiqueta <cfform> en el selector de etiquetas situado en la parte inferior de la ventana de documento.

  2. En el inspector de propiedades, establezca el método del formulario en POST.
  3. En el menú emergente Enctype, seleccione multipart/form-data.
  4. Sitúe el punto de inserción dentro del contorno del formulario en el que desea que aparezca el campo de archivo.
  5. Seleccione Insertar > Objetos de ColdFusion > CFForm > CFfilefield.

    Aparece un campo de archivo en el documento.

  6. Seleccione el campo de archivo en la página y establezca las siguientes propiedades en el inspector de propiedades:

    Cffilefield

    Permite especificar un nombre exclusivo para el control.

    Longitud máxima

    Permite especificar el número máximo de caracteres admitidos en la ruta de acceso al archivo.

    Validar

    Especifica el tipo de validación del campo.

    Validar al

    Especifica el momento en el que se valida el campo: onSubmit, onBlur u onServer.

    Etiqueta

    Permite especificar una etiqueta para el campo.

    Patrón

    Permite especificar un patrón de expresión común de JavaScript para validar el texto introducido por el usuario. Omita los guiones iniciales y finales. Para obtener más información, consulte la documentación de ColdFusion.

    Altura

    Permite especificar (en píxeles) la altura del control. Esta propiedad se omite en el servidor ColdFusion en tiempo de ejecución.

    Ancho

    Permite especificar (en píxeles) el ancho del control. Esta propiedad se omite en el servidor ColdFusion en tiempo de ejecución.

    Tamaño

    Permite especificar el tamaño del control.

    Obligatorio

    Permite especificar si el campo de archivo debe contener datos antes de enviar el formulario al servidor.

    Mostrar editor de etiquetas

    Permite editar propiedades no enumeradas en el inspector de propiedades.

Insertar campos de fecha ColdFusion

Aunque no es posible insertar visualmente un campo de fecha ColdFusion en Dreamweaver, sí es posible definir visualmente sus propiedades. Un campo de fecha ColdFusion es un tipo especial de campo de texto que permite a los usuarios seleccionar una fecha en un calendario emergente para insertarla después en el campo de texto.

Nota:

Esta mejora solo está disponible si se accede a un ordenador que ejecute ColdFusion MX 7 o una versión posterior.

  1. En la vista de Diseño, seleccione CFForm para mostrar su inspector de propiedades.

    Para seleccionar el formulario de forma rápida, haga clic en cualquier lugar del contorno del formulario y, después, seleccione la etiqueta <cfform> en el selector de etiquetas situado en la parte inferior de la ventana de documento.

  2. En el inspector de propiedades, establezca la propiedad Formato en Flash.

    El control del campo de fecha únicamente se muestra en formularios ColdFusion basados en Flash.

  3. Cambie a la vista de Código (Ver > Código) e introduzca la siguiente etiqueta en cualquier lugar entre las etiquetas CFForm de apertura y de cierre: 
    <cfinput name="datefield" type="datefield">
  4. Cambie a la vista de Diseño, seleccione el campo de fecha en la página y establezca las siguientes opciones en el inspector de propiedades:

    Cfdatefield

    Permite especificar un nombre exclusivo para el control.

    Valor

    Permite especificar una fecha que aparecerá en el campo cuando la página se abra por primera vez en un navegador. La fecha puede ser estática o dinámica.

    Para especificar un valor dinámico, haga clic en el icono de rayo situado junto al cuadro Valor y seleccione una columna de juego de registros del cuadro de diálogo Datos dinámicos. La columna de juego de registros proporciona un valor al campo de fecha cuando se ve el formulario en un navegador.

    Validar

    Especifica el tipo de validación del campo.

    Validar al

    Especifica el momento en el que se valida el campo: onSubmit, onBlur u onServer.

    Etiqueta

    Permite especificar una etiqueta para el campo.

    Patrón

    Permite especificar un patrón de expresión común de JavaScript para validar el texto introducido por el usuario. Omita los guiones iniciales y finales. Para obtener más información, consulte la documentación de ColdFusion.

    Altura

    Permite especificar (en píxeles) la altura del control.

    Ancho

    Permite especificar (en píxeles) el ancho del control.

    Tamaño

    Permite especificar el tamaño del control.

    Obligatorio

    Permite especificar si la fecha debe contener un valor antes de enviar el formulario al servidor.

    Mostrar editor de etiquetas

    Permite editar propiedades no enumeradas en el inspector de propiedades.

Modificar los controles del formulario ColdFusion

Es posible cambiar visualmente las propiedades de los controles de formularios ColdFusion tanto en la vista de Diseño como en la Vista de código.

Nota:

Esta mejora solo está disponible si se accede a un ordenador que ejecute ColdFusion MX 7 o una versión posterior.

  1. En la vista de Diseño, seleccione el control de formulario de la página; en la vista de Código, haga clic en cualquier lugar dentro de la etiqueta del control.

    El inspector de propiedades muestra las propiedades del control de formulario.

  2. Cambie las propiedades del control en el inspector de propiedades.

    Para obtener más información, haga clic en el icono Ayuda del inspector de propiedades.

  3. Para configurar más propiedades, haga clic en el botón Mostrar editor de etiquetas del inspector de propiedades y configure las propiedades en el editor de etiquetas que aparezca.

Validar datos de formulario ColdFusion

Es posible crear formularios ColdFusion en Dreamweaver que comprueben el contenido de campos concretos para asegurarse de que el usuario haya introducido los datos correctos.

Nota:

Esta mejora solo está disponible si se accede a un ordenador que ejecute ColdFusion MX 7 o una versión posterior.

  1. Cree un formulario ColdFusion que incluya al menos un campo de entrada y un botón Enviar. Asegúrese de que cada uno de los campos ColdFusion que desee validar tenga un nombre exclusivo.
  2. Seleccione un campo del formulario que desee validar.
  3. En el inspector de propiedades, especifique cómo quiere validar el campo.

    La parte inferior de cada inspector de propiedades contiene los controles necesarios para que pueda definir la regla específica de validación. Por ejemplo, si quiere especificar que un texto debe contener un número de teléfono. Para ellos, seleccione Teléfono en el menú emergente Valor del inspector de propiedades. También puede especificar la fecha en que desea realizar la validación en el menú emergente Validar al.

Páginas relacionadas

Obtén ayuda de forma más rápida y sencilla

¿Nuevo usuario?

Vínculos rápidos

Ver todos los planes Administrar los planes
Ver vínculos rápidos
Ocultar vínculos rápidos

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