Nota:

La compatibilidad con ColdFusion se ha eliminado en Dreamweaver CC 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.

Creación de 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

    Le 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.

Inserción de 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.

Inserción de 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.

Sólo 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.

Inserción de 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

    Le 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.

Inserción de á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.

Inserción de 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.

Inserción de 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.

Inserción de 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.

Inserción de 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.

Inserción de 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.

Inserción de 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.

Inserción de 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.

Modificación de 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.

Validación de 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.

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