Si aún no lo has hecho, define un sitio de Dreamweaver
para tu proyecto de ColdFusion.
Última actualización el
25 abr 2024
Nota
La compatibilidad con ColdFusion se ha eliminado en Dreamweaver y versiones posteriores.
Acerca de los formularios de ColdFusion
Los formularios de ColdFusion te proporcionan varios mecanismos integrados para validar los datos del formulario. Por ejemplo, puedes comprobar que un usuario haya introducido una fecha válida. Algunos controles de formulario tienen funciones adicionales. Varios no tienen equivalentes en HTML, y otros admiten directamente el rellenado dinámico del control desde fuentes de datos.
Dreamweaver proporciona una serie de mejoras para desarrolladores de ColdFusion que usan ColdFusion MX 7 o posterior como servidor de desarrollo. Estas mejoras incluyen más botones del panel Insertar, elementos de menú e inspectores de propiedades para que puedas crear rápidamente y establecer las propiedades de los formularios de ColdFusion. También puedes generar código que valide la información proporcionada por los visitantes del sitio. Por ejemplo, puedes comprobar que la dirección de correo electrónico proporcionada por un usuario contenga el símbolo @, o que un campo de texto obligatorio contenga un tipo determinado de valor.
Activación de las mejoras de ColdFusion
Algunas de estas mejoras requieren que definas un ordenador que ejecute ColdFusion MX 7 o posterior como servidor de prueba para Dreamweaver. Por ejemplo, los inspectores de propiedades para controles de formulario están disponibles solo si especificas el servidor de prueba correcto.
Solo defines un servidor de prueba una vez. Dreamweaver entonces detecta automáticamente la versión del servidor de prueba y hace que las mejoras estén disponibles si detecta ColdFusion.
Selecciona Site > Administrar Sites, selecciona tu sitio de la lista y haz clic en Editar.
Selecciona la categoría Servidores y especifica un ordenador que ejecute ColdFusion MX 7 o posterior como servidor de prueba para tu sitio de Dreamweaver.Asegúrate de especificar
una URL web válida.
Abra cualquier documento ColdFusion.
No verás ningún cambio visible en el espacio de trabajo de Dreamweaver hasta que abras un documento de ColdFusion.
Crear formularios ColdFusion
Puedes usar varios botones del panel Insertar, elementos de menú e inspectores de propiedades para crear rápidamente formularios de ColdFusion y establecer sus propiedades en Dreamweaver.
Nota
Estas mejoras están disponibles solo si tienes acceso a un ordenador que ejecute ColdFusion MX 7 o posterior.
Abre una página de ColdFusion y coloca el punto
de inserción donde quieras que aparezca el formulario de ColdFusion.
Selecciona Insertar >
Objetos de ColdFusion > CFForm > CFForm, o
selecciona la categoría CFForm del panel Insertar y haz clic en el
icono CF Form.
Dreamweaver inserta un formulario de ColdFusion vacío. En la vista de Diseño, el formulario se indica con un contorno de línea de puntos rojos. Si no ves este contorno, asegúrate de que Ver > Ayudas visuales > Elementos invisibles esté seleccionado.
Asegúrate de que el formulario esté aún seleccionado y luego usa el inspector de propiedades para establecer cualquiera de las siguientes propiedades de formulario.
CFForm
Establece el nombre del formulario.
Acción
Te permite especificar el nombre de la página de ColdFusion que se procesará cuando se envíe el formulario.
Método
Permite definir el método que usa el explorador para enviar los datos del formulario al servidor:
POST
Envía los datos usando el método HTTP post; este método envía los datos en un mensaje separado al servidor.
GET
Envía los datos usando el método HTTP get, colocando el contenido de los campos del formulario en la cadena de consulta de URL.
Destino
Le permite modificar el Valor del atributo target 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 secundarios 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 XForms 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 usado para elementos resaltados y seleccionados.
Conservar datos
Determina si se deben anular los valores de control iniciales con los valores enviados cuando el formulario se envía a sí mismo.
Si es falso, se usan los valores especificados en los atributos de la etiqueta de control.
Si es True, se utilizan los valores enviados.
Ubicación scripts
Especifica la URL, relativa a la raíz web, del archivo JavaScript que contiene el código del lado del cliente utilizado por la etiqueta y sus etiquetas secundarias.Este atributo es útil si el archivo no está en la ubicación predeterminada. Este atributo puede ser necesario en algunos entornos de host y configuraciones que bloquean el acceso al directorio /CFIDE. La ubicación predeterminada se establece en ColdFusion Administrator; de forma predeterminada, es /CFIDE/scripts/cfform.js.
Archivo
Especifica la URL de las clases Java descargables para controles applet cfgrid, cfslider y cftree. La ubicación predeterminada es /CFIDE/classes/cfapplets.jar.
Altura
Permite establecer la altura del formulario.
Anchura
Permite establecer el ancho del formulario.
Mostrar editor de etiquetas para cfform
Permite editar propiedades no enumeradas en el inspector de propiedades.
Inserte los controles del formulario ColdFusion.
Coloque el punto de inserción donde desee que aparezca el control de formulario ColdFusion en el formulario ColdFusion, y luego seleccione el control desde el menú Insertar (Insertar > Objetos ColdFusion > CFForm), o desde la categoría CFForm en el panel Insertar.
Si es necesario, establezca las propiedades del control con el
inspector de propiedades.
Asegúrese de que el control esté seleccionado en la vista Diseño y luego establezca las propiedades en el inspector de propiedades. Para obtener más información sobre las propiedades, haga clic en el icono Ayuda en el inspector de propiedades.
Ajuste el diseño del formulario ColdFusion.
Si está creando un formulario basado en HTML, puede usar saltos de línea, saltos de párrafo, texto preformateado o tablas para dar formato a sus formularios. No puede insertar un formulario ColdFusion en otro formulario ColdFusion (es decir, no puede superponer etiquetas), pero puede incluir más de un formulario ColdFusion en una página.
Si está creando un formulario basado en Flash, use estilos de Hojas de estilo en cascada (CSS) para diseñar su formulario. ColdFusion omitirá cualquier código HTML del formulario.
Recuerda etiquetar los campos de formulario de ColdFusion con texto descriptivo para que los usuarios sepan a qué están respondiendo. Por ejemplo, crea una "etiqueta Escribe tu nombre" para solicitar información del nombre.
Insertar controles de formulario ColdFusion
Usa el panel Insertar o el menú Insertar para insertar rápidamente controles de formulario de ColdFusion en un formulario de ColdFusion. Necesitas crear un formulario de ColdFusion en blanco antes de insertar controles en él.
Nota
Estas mejoras solo están disponibles si tienes acceso a un ordenador que ejecute ColdFusion MX 7 o posterior.
En la vista Diseño, coloca el punto de inserción dentro
del contorno del formulario.
Selecciona el control desde el menú Insertar (Insertar >
Objetos ColdFusion > CFForm), o desde la categoría CFForm
en el panel Insertar.
Haz clic en el control de la página para seleccionarlo y luego establece
sus propiedades en el inspector de Propiedades.
Para obtener información sobre las propiedades de controles específicos, consulta los temas sobre los controles.
Insertar campos de texto ColdFusion
Puedes insertar visualmente un campo de texto de ColdFusion o un campo de contraseña en tu formulario, y luego establecer sus opciones.
Nota
Esta mejora está disponible solo si tienes acceso a un ordenador que ejecute ColdFusion MX 7 o posterior.
Insertar visualmente un campo de texto de ColdFusion
En la vista Diseño, coloca el punto de inserción
dentro del contorno del formulario.
En la categoría CFForm del panel Insertar, haz clic en el icono Campo de texto CF o selecciona Insertar > Objetos ColdFusion > CFForm > CFtextfield.
Aparece un campo de texto en el formulario.
Selecciona el campo de texto y establece sus propiedades en el inspector de
Propiedades.
Para etiquetar el campo de texto en la página, haz clic junto a él
y introduce texto para la etiqueta.
Inserción visual de un campo de contraseña
Repite los pasos 1 y 2 del procedimiento anterior
para insertar un campo de texto.
Selecciona el campo de texto insertado para mostrar su inspector de
Propiedades.
Selecciona el valor Contraseña del menú emergente Modo de Texto
en el inspector de Propiedades.
Opciones de CFTextField (ColdFusion)
Para establecer las opciones de un campo de texto o contraseña de ColdFusion, establece cualquiera de las siguientes opciones en el inspector de Propiedades CFTextField:
CFtextfield
Define el atributo id de la etiqueta <cfinput>.
Valor
Te permite especificar texto para mostrar en el campo cuando la página se abra por primera vez en un explorador. La información puede ser estática o dinámica.
Para especificar un valor dinámico, haz clic en el icono del rayo junto al cuadro Valor y selecciona una columna del conjunto de registros en el cuadro de diálogo Datos Dinámicos. La columna del conjunto de registros proporciona un valor al campo de texto cuando visualizas el formulario en un explorador.
Modo de texto
Te permite cambiar entre el campo de entrada de texto estándar y el campo de entrada de contraseña. El atributo modificado por 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 cuándo se valida el campo: onSubmit, onBlur u onServer.
Etiqueta
Le permite especificar una etiqueta para el campo de texto.
Patrón
Le permite especificar un motivo de expresión regular de JavaScript para validar la entrada. 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.
Anchura
Permite especificar (en píxeles) el ancho del control.
Tamaño
Permite especificar el tamaño del control.
Obligatorio
Te permite especificar si el campo de texto debe contener datos antes de que el formulario se envíe al servidor.
Mostrar editor de etiquetas
Permite editar propiedades no enumeradas en el inspector de propiedades.
Insertar campos ocultos ColdFusion
Puedes insertar visualmente un campo oculto de ColdFusion en tu formulario y establecer sus propiedades.Utilice campos ocultos para almacenar y enviar información que el usuario no introduce.La información permanece oculta para el Usuario.
Nota
Esta mejora está disponible solo si tienes acceso a un ordenador que ejecute ColdFusion MX 7 o posterior.
En la vista Diseño, coloque el punto de inserción dentro
del contorno del formulario.
En la categoría CFForm del panel Insertar, haga clic en el
icono Campo oculto CF.
Aparece un marcador en el formulario ColdFusion. Si no ve el marcador, seleccione Ver > Ayudas visuales > Elementos invisibles.
Seleccione el campo oculto en la página y establezca cualquiera de 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 del rayo junto al cuadro Valor y seleccione una columna del conjunto de registros en el cuadro de diálogo Datos dinámicos.La columna del conjunto de registros proporciona un valor al campo de texto cuando ves el formulario en un explorador.
Validar
Especifica el tipo de validación del campo actual.
Validar al
Especifica cuándo se valida el campo: onSubmit, onBlur u onServer.
Etiqueta
Permite especificar una etiqueta para el campo oculto. Esta Propiedad es ignorada por el servidor ColdFusion en tiempo de ejecución.
Patrón
Le permite especificar un motivo de expresión regular de JavaScript para validar la entrada. 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 es ignorada por el servidor ColdFusion en tiempo de ejecución.
Obligatorio
Te permite especificar si el campo oculto debe contener datos antes de que el formulario se envíe al servidor.
Mostrar editor de etiquetas
Permite editar propiedades no enumeradas en el inspector de propiedades.
Insertar áreas de texto ColdFusion
Puedes insertar visualmente un área de texto de ColdFusion en tu formulario y establecer sus propiedades.Un área de texto es un elemento de entrada que consta de varias líneas de texto.
Nota
Esta mejora solo está disponible si tienes acceso a un ordenador con ColdFusion MX 7 o posterior.
Sitúe el punto de inserción en el interior del contorno del formulario.
En la categoría CFForm del panel Insertar, haz clic en el
icono Área de texto CF.
Aparece un área de texto en el formulario ColdFusion.
Selecciona el área de texto en la Página y establece cualquiera de las siguientes
opciones en el inspector de Propiedad:
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
Te permite establecer el número de filas que se mostrarán en el área de texto.
Ajustar
Te permite especificar cómo quieres que se ajuste el texto introducido por los usuarios.
Obligatorio
Te permite especificar si el usuario debe introducir datos en el campo (marcado) o no (sin marcar).
Valor inicial
Te permite especificar el texto que se mostrará en el área de texto cuando la página se abra inicialmente en un explorador.
Validar
Especifica el tipo de validación del campo.
Validar al
Especifica cuándo se valida el campo: onSubmit, onBlur, o onServer.
Etiqueta
Permite especificar una etiqueta para el campo oculto.
Estilo
Permite especificar un estilo para el control. Para obtener más información, consulta 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.
Anchura
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.
Para etiquetar el área de texto, haz clic junto a ella e introduce texto
para la etiqueta.
Insertar botones ColdFusion
Puedes insertar visualmente un botón de ColdFusion en tu formulario y establecer sus propiedades. Los botones ColdFusion controlan el funcionamiento de los formularios ColdFusion. Los botones se pueden usar para enviar datos de formulario de ColdFusion al servidor o para restablecer el formulario de ColdFusion. Los botones de ColdFusion estándar suelen tener las etiquetas Enviar, Restablecer o Mandar. También puedes asignar otras tareas de procesamiento que hayas definido en un script.Por ejemplo, el botón podría calcular el coste total de los elementos seleccionados basándose en valores asignados.
Nota
Esta mejora solo está disponible si tienes acceso a un ordenador con ColdFusion MX 7 o posterior.
Coloca el punto de inserción dentro del contorno del formulario ColdFusion.
En la categoría CFForm del panel Insertar, haz clic en el
icono Botón CF.
Aparece un botón en el formulario ColdFusion.
Selecciona el botón en la Página y establece cualquiera de las siguientes
opciones en el inspector de Propiedad:
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.
Las otras propiedades son ignoradas por el servidor de ColdFusion en tiempo de ejecución.
Insertar casillas de verificación ColdFusion
Puedes insertar visualmente una casilla de verificación de ColdFusion en tu formulario y establecer sus propiedades. Usa casillas de verificación para permitir que los usuarios seleccionen más de una opción de un conjunto de opciones.
Nota
Esta mejora solo está disponible si tienes acceso a un ordenador con ColdFusion MX 7 o posterior.
Sitúe el punto de inserción en el interior del contorno del formulario.
En la categoría CFForm del panel Insertar, haga clic en el icono Casilla de verificación CF.
Aparece una casilla de verificación en el formulario ColdFusion.
Selecciona la casilla de verificación en la Página y establece cualquiera de las siguientes
opciones en el inspector de Propiedad:
Cfcheckbox
Permite especificar un nombre exclusivo para el control.
Valor activado
Permite especificar un valor que devuelva la casilla de verificación si el usuario la marca.
Estado inicial
Permite especificar si la casilla de verificación está marcada cuando la página se abre por primera vez en un explorador.
Validar
Especifica el tipo de validación de la casilla de verificación.
Validar al
Especifica cuándo 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 Motivo de expresión regular de JavaScript para validar la entrada. 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 es ignorada por el servidor ColdFusion en tiempo de ejecución.
Obligatorio
Permite especificar si la casilla de verificación debe estar marcada antes de que el formulario se envíe al servidor.
Mostrar editor de etiquetas
Permite editar propiedades no enumeradas en el inspector de propiedades.
Para etiquetar la casilla de verificación, haga clic junto a la casilla de verificación en la página e introduzca texto para la etiqueta.
Insertar botones de opción ColdFusion
Puedes insertar visualmente un botón de opción de ColdFusion en tu formulario y establecer sus propiedades.Use botones de opción cuando quiera que los usuarios seleccionen solo una opción de un conjunto de opciones. Los botones de opción se utilizan normalmente en grupos. Todos los botones de opción de un grupo deben tener el mismo nombre.
Nota
Esta mejora está disponible solo si tienes acceso a un ordenador que ejecute ColdFusion MX 7 o posterior.
Sitúe el punto de inserción en el interior del contorno del formulario.
Seleccione Insertar > Objetos ColdFusion >
CFForm > CFradiobutton.
Aparece un botón de opción en el formulario ColdFusion.
Seleccione el botón de opción en la página y establezca cualquiera de las siguientes opciones en el inspector de propiedades:
Cfradiobutton
Permite especificar un nombre exclusivo para el control.
Valor activado
Permite especificar un valor que devuelva el botón de opción si el usuario lo marca.
Estado inicial
Permite especificar si el botón de opción está marcado cuando la Página se abre por primera vez en un explorador.
Validar
Especifica el tipo de validación del botón de opción.
Validar al
Especifica cuándo 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 Motivo de expresión regular de JavaScript para validar la entrada. 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 es ignorada por el servidor de ColdFusion en tiempo de ejecución.
Obligatorio
Te permite especificar si el botón de opción debe estar marcado antes de que el formulario se envíe al servidor.
Mostrar editor de etiquetas
Permite editar propiedades no enumeradas en el inspector de propiedades.
Para etiquetar el botón de opción, haga clic junto a él en la página e introduzca el texto de la etiqueta.
Insertar cuadros de selección ColdFusion
Puede insertar visualmente un cuadro de selección de ColdFusion en su formulario y establecer sus propiedades. Un cuadro de selección permite al visitante seleccionar uno o más elementos de una lista. Los cuadros de selección son útiles cuando tienes una cantidad limitada de espacio, pero necesitas mostrar muchos elementos. También son útiles cuando quieres controlar los valores devueltos al servidor. A diferencia de los campos de texto, donde los usuarios pueden escribir lo que quieran, incluyendo datos no válidos, con los cuadros de selección, puedes establecer los valores exactos devueltos por un menú.
Puedes insertar dos tipos de cuadros de selección en un formulario: un menú que se "despliega" cuando el usuario hace clic en él, o un menú que muestra una lista desplazable de elementos que el usuario puede seleccionar.
Nota
Esta mejora está disponible solo si tienes acceso a un ordenador que ejecuta ColdFusion MX 7 o posterior.
Sitúe el punto de inserción en el interior del contorno del formulario.
En la categoría CFForm del panel Insertar, haz clic en el
icono CF Select.
Aparece un cuadro de selección en el formulario ColdFusion.
Selecciona el cuadro de selección en la página y establece cualquiera de 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 seleccionas el tipo de lista, las opciones Altura de lista y Permitir múltiples selecciones de lista estarán disponibles.
Alto de lista
Te 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
Te permite especificar si el usuario puede seleccionar más de una opción de la lista a la vez. Disponible solo si seleccionas el tipo de lista.
Editar valores
Abre un cuadro de diálogo que te permite añadir, editar o eliminar opciones del cuadro de selección.
Seleccionado inicialmente
Permite especificar qué opción se selecciona de forma predeterminada. Puedes seleccionar más de una opción si seleccionaste la opción Permitir múltiples selecciones de lista.
Juego de registros
Te permite especificar el nombre de la consulta de ColdFusion que quieres usar para rellenar la lista o menú.
Columna en pantalla
Te permite especificar la columna del conjunto de registros para proporcionar la etiqueta de visualización de cada elemento de la lista. Se utiliza con la propiedad del juego de registros.
Columna Valor
Te permite especificar la columna del conjunto de registros para proporcionar 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 se mostrará si la propiedad Requerido está establecida en Sí y el usuario no realizó una selección antes de enviar el formulario.
Obligatorio
Te permite especificar si un elemento del menú debe ser seleccionado antes de que el formulario sea enviado al servidor.
Mostrar editor de etiquetas
Permite editar propiedades no enumeradas en el inspector de propiedades.
Insertar campos de imagen ColdFusion
Puedes insertar visualmente un campo de imagen de Adobe ColdFusion en tu formulario y establecer sus opciones.Los campos de imagen se utilizan para personalizar botones.
Nota
Esta mejora está disponible solo si tienes acceso a un equipo que ejecuta ColdFusion MX 7 o posterior.
En la vista Diseño, coloca el punto de inserción dentro
del contorno del formulario.
En la categoría CFForm del panel Insertar, haz clic en el
icono CF Image Field. Examina para seleccionar la imagen a insertar y haz clic
en Aceptar. Alternativamente, puedes introducir la ruta del archivo de imagen en el
cuadro Src.
Nota
Si la imagen está fuera de la carpeta raíz del sitio, deberías copiar la imagen a la carpeta raíz. Las imágenes fuera de la carpeta raíz podrían no ser accesibles al publicar el sitio.
Selecciona el campo de imagen en la página y configura cualquiera de las
siguientes opciones en el inspector de Propiedad:
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, seleccionar Editar > Preferencias > Tipos de archivos / Editores.De lo contrario, el botón Editar imagen no realiza ninguna acción.
Validar
Especifica el tipo de validación del campo de imagen.
Validar al
Especifica cuándo se valida el campo: onSubmit, onBlur o onServer.
Etiqueta
Permite especificar una etiqueta para el botón de opción.
Patrón
Te permite especificar un Motivo de expresión regular de JavaScript para validar la entrada. Omita los guiones iniciales y finales. Para más información, consulta la documentación de ColdFusion.
Altura
Permite especificar (en píxeles) la altura del control.
Anchura
Permite especificar (en píxeles) el ancho del control.
Tamaño
Permite especificar el tamaño del control. Esta propiedad es ignorada por el servidor ColdFusion en tiempo de ejecución.
Obligatorio
Te permite especificar si el control debe contener datos antes de que el formulario se envíe al servidor.
Mostrar editor de etiquetas
Permite editar propiedades no enumeradas en el inspector de propiedades.
Insertar campos de archivo ColdFusion
Puedes insertar visualmente un campo de archivo ColdFusion en tu formulario y establecer sus propiedades.Usa un campo de archivos para permitir que los usuarios seleccionen un archivo de su ordenador, como un documento de procesamiento de texto o un archivo gráfico, y lo carguen al servidor. Un campo de archivo de ColdFusion se ve como otros campos de texto, excepto que también tiene un botón Examinar.Los usuarios pueden introducir manualmente la ruta al archivo que desean cargar, o usar el botón Examinar para localizar y seleccionar el archivo.
Los campos de archivos requieren que uses el método POST para transmitir archivos del explorador al servidor. El archivo se publica en la dirección que especificas en el cuadro Acción del formulario. Contacta a tu administrador del servidor para confirmar que las cargas de archivos anónimas están permitidas antes de usar un campo de archivos en tu formulario.
Los campos de archivos también requieren que la codificación del formulario se configure como multipart/form. Dreamweaver configura esto automáticamente cuando insertas un control de campo de archivos.
Nota
Esta mejora está disponible solo si tienes acceso a un ordenador que ejecute ColdFusion MX 7 o posterior.
En la vista de diseño, selecciona el CFForm para mostrar su inspector de propiedades.
Para seleccionar rápidamente el formulario, haz clic en cualquier lugar del contorno del formulario y haz clic en la etiqueta <cfform> en el localizador de etiquetas en la parte inferior de la ventana del documento.
En el inspector de propiedades, establezca el método del formulario en POST.
En el menú emergente Enctype, seleccione multipart/form-data.
Coloca el punto de inserción dentro del contorno del formulario
donde deseas que aparezca el campo de archivos.
Selecciona Insertar > Objetos ColdFusion > CFForm > CFfilefield.
Aparece un campo de archivo en el documento.
Selecciona el campo de archivo en la página y establece cualquiera de las siguientes propiedades en el Inspector de propiedades:
Cffilefield
Permite especificar un nombre exclusivo para el control.
Longitud máxima
Te permite especificar el número máximo de caracteres que puede tener la ruta al archivo.
Validar
Especifica el tipo de validación del campo.
Validar al
Especifica cuándo se valida el campo: onSubmit, onBlur, o onServer.
Etiqueta
Permite especificar una etiqueta para el campo.
Patrón
Le permite especificar un motivo de expresión regular JavaScript para validar la entrada. 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
Le permite especificar si el campo de archivo debe contener datos antes de que el formulario se envíe al servidor.
Mostrar editor de etiquetas
Permite editar propiedades no enumeradas en el inspector de propiedades.
Insertar campos de fecha ColdFusion
Aunque no puedes insertar visualmente un campo de fecha de ColdFusion en Dreamweaver, sí puedes establecer visualmente sus propiedades.Un campo de fecha de ColdFusion es un tipo especial de campo de texto que permite a los usuarios seleccionar una fecha de un calendario emergente para insertarla en el campo de texto.
Nota
Esta mejora está disponible solo si tienes acceso a un equipo que ejecute ColdFusion MX 7 o posterior.
En la vista Diseño, seleccione el CFForm para mostrar su inspector de propiedades.
Para seleccionar rápidamente el formulario, haga clic en cualquier lugar del contorno del formulario y haga clic en la etiqueta <cfform> en el selector de etiquetas en la parte inferior de la ventana Documento.
En el inspector de propiedades, establece la propiedad Formato del formulario
en Flash.
El control de campo de fecha solo se puede procesar en formularios de ColdFusion basados en Flash.
Cambie a la vista Código (Ver > Código) e introduzca la siguiente etiqueta en cualquier lugar entre las etiquetas CFForm de apertura y cierre:
<cfinput name="datefield" type="datefield">
Cambie a la vista Diseño, seleccione el campo de fecha en la página y, a continuación, establezca cualquiera de las siguientes opciones en el inspector de propiedades:
Cfdatefield
Permite especificar un nombre exclusivo para el control.
Valor
Te permite especificar una fecha que se mostrará 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, haz clic en el icono de rayo junto al cuadro Valor y selecciona una columna de conjunto de registros en el cuadro de diálogo Datos dinámicos. La columna del conjunto de registros suministra un valor al campo de fecha cuando ves el formulario en un explorador.
Validar
Especifica el tipo de validación del campo.
Validar al
Especifica cuándo se valida el campo: onSubmit, onBlur, o onServer.
Etiqueta
Permite especificar una etiqueta para el campo.
Patrón
Le permite especificar un motivo de expresión regular JavaScript para validar la entrada. Omita los guiones iniciales y finales. Para obtener más información, consulte la documentación de Adobe ColdFusion.
Altura
Permite especificar (en píxeles) la altura del control.
Anchura
Permite especificar (en píxeles) el ancho del control.
Tamaño
Permite especificar el tamaño del control.
Obligatorio
Te permite especificar si el campo de fecha debe contener un valor antes de que el formulario se envíe al servidor.
Mostrar editor de etiquetas
Permite editar propiedades no enumeradas en el inspector de propiedades.
Modificar los controles del formulario ColdFusion
Puedes cambiar visualmente las propiedades de los controles de formulario de ColdFusion tanto si trabajas en la vista Diseño como en la vista Código.
Nota
Esta mejora está disponible solo si tienes acceso a un ordenador que ejecute ColdFusion MX 7 o posterior.
En la vista Diseño, seleccione el control de formulario en la página; en la vista Código, haga clic en cualquier lugar dentro de la etiqueta del control.
El inspector de propiedades muestra las propiedades del control de formulario.
Cambie las propiedades del control en el inspector de propiedades.
Para obtener más información, haz clic en el icono Ayuda del inspector de Propiedad.
Para establecer más propiedades, haz clic en el botón Mostrar editor de etiquetas
del inspector de Propiedad y establece las propiedades en el editor de etiquetas que aparece.
Validar datos de formulario ColdFusion
Puedes generar formularios de ColdFusion en Dreamweaver que comprueben el contenido de los campos especificados para garantizar que el usuario introdujo el tipo de datos correcto.
Nota
Esta mejora está disponible solo si tienes acceso a un ordenador que ejecute ColdFusion MX 7 o posterior.
Crear un formulario de ColdFusion que incluya al menos un campo de entrada y un botón Enviar.Asegúrate de que cada campo de ColdFusion
que quieras validar tenga un nombre único.
Seleccione un campo del formulario que desee validar.
En el inspector de propiedades, especifique cómo desea validar el campo.
La parte inferior de cada inspector de Propiedad de entrada contiene controles que te ayudan a definir la regla de validación específica. Por ejemplo, podrías querer especificar que un campo de texto debería contener un número de teléfono. Para hacer esto, selecciona Teléfono del menú emergente Valor del inspector de Propiedad. También puedes especificar cuándo validar desde el menú emergente Validar en.
Crear sitios web atractivos en Dreamweaver
Diseña, codifica y gestiona sitios web dinámicos en una potente herramienta todo en uno.
