Руководство пользователя Отмена

Создание и включение форм ColdFusion в Dreamweaver

Поиск
Dreamweaver

Dreamweaver

Открыть приложение
  1. Руководство пользователя Dreamweaver
  2. Введение
    1. Основы гибкого веб-дизайна
    2. Новые возможности Dreamweaver
    3. Веб-разработка с помощью Dreamweaver: обзор
    4. Dreamweaver / распространенные вопросы
    5. Сочетания клавиш
    6. Системные требования Dreamweaver
    7. Обзор новых возможностей
  3. Dreamweaver и Creative Cloud
    1. Синхронизация настроек Dreamweaver с Creative Cloud
    2. Библиотеки Creative Cloud Libraries в Dreamweaver
    3. Использование файлов Photoshop в Dreamweaver
    4. Работа с Adobe Animate и Dreamweaver
    5. Извлечение файлов SVG, оптимизированных для Интернета, из библиотек
  4. Рабочие среды и представления Dreamweaver
    1. Рабочая среда Dreamweaver
    2. Оптимизация рабочей среды Dreamweaver для визуальной разработки
    3. Поиск файлов по названию или содержимому | Mac OS
  5. Настройка сайтов
    1. О сайтах Dreamweaver
    2. Настройка локальной версии сайта
    3. Подключение к серверу публикации
    4. Настройка тестового сервера
    5. Импорт и экспорт параметров сайта Dreamweaver
    6. Перенос существующих веб-сайтов с удаленного сервера в корневой каталог локального сайта
    7. Специальные возможности в Dreamweaver
    8. Дополнительные настройки
    9. Настройка установок сайта для передачи файлов
    10. Задание параметров прокси-сервера в Dreamweaver
    11. Синхронизация настроек Dreamweaver с Creative Cloud
    12. Использование Git в Dreamweaver
  6. Управление файлами
    1. Создание и открытие файлов
    2. Управление файлами и папками
    3. Получение файлов с сервера и размещение их на нем
    4. Возврат и извлечение файлов
    5. Синхронизация файлов
    6. Сравнение файлов
    7. Скрытие файлов и папок на сайте Dreamweaver
    8. Включение заметок разработчика для сайтов Dreamweaver
    9. Предотвращение использования уязвимости Gatekeeper
  7. Макет и оформление
    1. Использование средств визуализации для создания макета
    2. Об использовании CSS для создания макета страницы
    3. Создание динамичных веб-сайтов с помощью Bootstrap
    4. Создание и использование медиазапросов в Dreamweaver
    5. Представление содержимого в таблицах
    6. Цвета
    7. Гибкий дизайн с использованием «резиновых» макетов
    8. Extract в Dreamweaver
  8. CSS
    1. Общие сведения о каскадных таблицах стилей
    2. Создание макетов страниц с помощью конструктора CSS
    3. Использование препроцессоров CSS в Dreamweaver
    4. Установка настроек стиля CSS в Dreamweaver
    5. Перемещение правил CSS в Dreamweaver
    6. Преобразование встроенного CSS в правило CSS в Dreamweaver
    7. Работа с тегами div
    8. Применение градиентов к фону
    9. Создание и редактирование эффектов перехода CSS3 в Dreamweaver
    10. Форматирование кода
  9. Содержимое страницы и ресурсы
    1. Задание свойств страницы
    2. Задание свойств заголовка CSS и свойств ссылки CSS
    3. Работа с текстом
    4. Поиск и замена текста, тегов и атрибутов
    5. Панель DOM
    6. Редактирование в режиме интерактивного просмотра
    7. Кодировка документов в Dreamweaver
    8. Выбор и просмотр элементов в окне документа
    9. Задание свойств текста в инспекторе свойств
    10. Проверка орфографии на веб-странице
    11. Использование горизонтальных линеек в Dreamweaver
    12. Добавление и изменение сочетаний шрифтов в Adobe Dreamweaver
    13. Работа с ресурсами
    14. Вставка и обновление даты в Dreamweaver
    15. Создание и управление избранными ресурсами в Dreamweaver
    16. Вставка и редактирование изображений в Dreamweaver
    17. Добавление мультимедийных объектов
    18. Добавление видео Dreamweaver
    19. Добавление видео HTML5
    20. Вставка файлов SWF
    21. Добавление звуковых эффектов
    22. Добавление аудио HTML5 в Dreamweaver
    23. Работа с элементами библиотеки
    24. Использование текста на арабском языке и иврите в Dreamweaver
  10. Создание ссылок и навигация
    1. О создании ссылок и навигации
    2. Создание ссылок
    3. Карты ссылок
    4. Устранение неполадок со ссылками
  11. Графические элементы и эффекты jQuery
    1. Использование пользовательского интерфейса и графических элементов jQuery для мобильных устройств в Dreamweaver
    2. Использование эффектов jQuery в Dreamweaver
  12. Написание кода веб-сайтов
    1. О программировании в Dreamweaver
    2. Среда написания кода в Dreamweaver
    3. Настройка параметров написания кода
    4. Настройка цветового оформления кода
    5. Написание и редактирование кода
    6. Подсказки по коду и автозавершение кода
    7. Свертывание и развертывание кода
    8. Повторное использование фрагментов кода
    9. Анализ Linting для проверки кода
    10. Оптимизация кода
    11. Редактирование кода в представлении «Дизайн»
    12. Работа с содержимым заголовков для страниц
    13. Вставка серверных включений в Dreamweaver
    14. Использование библиотек тегов в Dreamweaver
    15. Импорт пользовательских тегов в Dreamweaver
    16. Использование вариантов поведения JavaScript (общие инструкции)
    17. Применение встроенных вариантов поведения JavaScript
    18. Сведения об XML и XSLT
    19. Выполнение XSL-преобразования на стороне сервера в Dreamweaver
    20. Выполнение XSL-преобразования на стороне клиента в Dreamweaver
    21. Добавление символьных сущностей для XSLT в Dreamweaver
    22. Форматирование кода
  13. Процессы взаимодействия продуктов
    1. Установка и использование расширений в Dreamweaver
    2. Обновления в Dreamweaver, устанавливаемые через приложение
    3. Вставить документы Microsoft Office в Dreamweaver (только для Windows)
    4. Работа с Fireworks и Dreamweaver
    5. Редактирование содержимого на сайтах Dreamweaver с помощью Contribute
    6. Интеграция Dreamweaver с Business Catalyst
    7. Создание персонализированных кампаний почтовой рассылки
  14. Шаблоны
    1. О шаблонах Dreamweaver
    2. Распознавание шаблонов и документов на их основе
    3. Создание шаблона Dreamweaver
    4. Создание редактируемых областей в шаблонах
    5. Создание повторяющихся областей и таблиц в Dreamweaver
    6. Использование дополнительных областей в шаблонах
    7. Определение редактируемых атрибутов тега в Dreamweaver
    8. Создание вложенных шаблонов в Dreamweaver
    9. Редактирование, обновление и удаление шаблонов
    10. Экспорт и импорт XML-содержимого в Dreamweaver
    11. Применение или удаление шаблона из существующего документа
    12. Редактирование содержимого в шаблонах Dreamweaver
    13. Правила синтаксиса для тегов шаблона в Dreamweaver
    14. Настройка предпочтений выделения для областей шаблона
    15. Преимущества использования шаблонов в Dreamweaver
  15. Мобильные и многоэкранные устройства
    1. Создание медиазапросов
    2. Изменение ориентации страницы для мобильных устройств
    3. Создание веб-приложений для мобильных устройств с помощью Dreamweaver
  16. Динамические сайты, страницы и веб-формы
    1. Общие сведения о веб-приложениях
    2. Настройка компьютера для разработки приложений
    3. Устранение неполадок подключений к базам данных
    4. Удаление сценариев подключения в Dreamweaver
    5. Дизайн динамических страниц
    6. Обзор динамических источников содержимого
    7. Определение источников динамического содержимого
    8. Добавление динамического содержимого на страницы
    9. Изменение динамического содержимого в Dreamweaver
    10. Отображение записей баз данных
    11. Введение интерактивных данных и устранение неполадок с ними в Dreamweaver
    12. Добавление заказных вариантов поведения сервера в Dreamweaver
    13. Создание форм с помощью Dreamweaver
    14. Использование форм для сбора информации от пользователей
    15. Создание и включение форм ColdFusion в Dreamweaver
    16. Создание веб-форм
    17. Расширенная поддержка HTML5 для компонентов формы
    18. Разработка формы с помощью Dreamweaver
  17. Визуальное построение приложений
    1. Создание главной страницы и страницы сведений в Dreamweaver
    2. Создание страниц поиска и результатов поиска
    3. Создание страницы для вставки записи
    4. Создание страницы обновления записи в Dreamweaver
    5. Создание страниц удаления записей в Dreamweaver
    6. Применение ASP-команд для изменения базы данных в Dreamweaver
    7. Создание страницы регистрации
    8. Создание страницы входа
    9. Создание страницы с доступом только для авторизованных пользователей
    10. Защита папок в ColdFusion с помощью Dreamweaver
    11. Использование компонентов ColdFusion в Dreamweaver
  18. Тестирование, просмотр и публикация веб-сайтов
    1. Предварительный просмотр страниц
    2. Предварительный просмотр веб-страниц Dreamweaver на нескольких устройствах
    3. Тестирование сайта Dreamweaver
  19. Устранение неполадок
    1. Исправленные ошибки
    2. Выявленные неполадки

 

 

Примечание.

В Dreamweaver и более поздних версиях поддержка ColdFusion отсутствует.

О формах ColdFusion

Формы ColdFusion предоставляют ряд встроенных механизмов проверки введенных данных. Это дает возможность проверить, например, правильность введенной даты. Некоторые элементы форм реализуют дополнительные функции. Некоторые из них не имеют HTML-аналогов, а некоторые непосредственно поддерживают динамическое заполнение из источников данных.

Dreamweaver содержит ряд усовершенствований для разработчиков ColdFusion, использующих в качестве сервера разработки ColdFusion MX 7 или более поздней версии. К числу этих улучшений относятся дополнительные кнопки панели «Вставка», пункты меню и инспекторы свойств, с помощью которых можно быстро создавать формы ColdFusion и задавать их свойства. Имеется также возможность генерировать код для проверки данных, вводимых посетителями сайта. Например, можно проверить наличие символа @ в указанном пользователем адресе электронной почты либо определенного типа значения в обязательном для заполнения текстовом поле.

Дополнительные возможности ColdFusion

Для использования некоторых из этих дополнительных возможностей в качестве тестового сервера для Dreamweaver требуется определить компьютер, на котором установлен ColdFusion MX 7 или более поздней версии. Например, инспекторы свойств для элементов управления форм доступны только в том случае, если указан правильный тестовый сервер.

Тестовый сервер определяется однократно. Затем Dreamweaver автоматически находит эту версию тестового сервера и предоставляет дополнительные возможности, если обнаруживает ColdFusion.

  1. Определите сайт Dreamweaver для своего проекта ColdFusion, если он еще не определен.
  2. В меню «Веб-сайт» выберите «Управление веб-сайтами», выберите сайт в списке и нажмите «Изменить».
  3. Выберите категорию «Серверы» и в качестве тестового сервера для своего сайта, разрабатываемого в Dreamweaver, укажите компьютер с ColdFusion MX 7 или более поздней версии. Проверьте правильность указанного URL-адреса.
  4. Откройте любой документ ColdFusion.

    Визуальные изменения в рабочем пространстве Dreamweaver не появятся до тех пор, пока не будет открыт документ ColdFusion.

Создание форм ColdFusion

Для использования доступны многочисленные кнопки панели «Вставка», пункты меню и инспекторы свойств, с помощью которых можно быстро создавать формы ColdFusion и задавать их свойства в программе Dreamweaver.

Примечание.

Этими дополнительными возможностями можно воспользоваться только на компьютере, на котором установлен ColdFusion MX 7 или более поздней версии.

  1. Откройте страницу ColdFusion и поместите курсор вставки в место, где должна появиться форма ColdFusion.
  2. Выберите пункт меню «Вставка» > «Объекты ColdFusion» > «CFForm» > «CFForm» или выберите категорию «CFForm» на панели «Вставка» и щелкните значок «Форма CF».

    Dreamweaver вставляет пустую форму ColdFusion. В представлении «Дизайн» форма обозначается красным пунктирным контуром. Если контур не отображается, выберите «Просмотр» > «Вспомогательные элементы» > «Невидимые элементы».

  3. Убедитесь, что форма по-прежнему выделена, а затем с помощью инспектора свойств задайте любые из описанных далее свойств форм.

    CFForm

    Задает имя формы.

    Действие

    Задает имя страницы ColdFusion, которая будет обрабатываться при отправке формы.

    Метод

    Определяет метод отправки браузером данных формы серверу.

    POST

    Данные отправляются с помощью метода HTTP post; в этом случае данные отправляются серверу в отдельном сообщении.

    GET

    Данные отправляются с помощью метода HTTP get; в этом случае содержимое полей формы помещается в строку запроса в URL-адресе.

    Назначение

    Позволяет изменить значение целевого атрибута тега cfform.

    Тип кодировки

    Задает метод кодирования, используемый для передачи данных формы.

    Примечание.

    Тип кодирования не имеет отношения к кодировке символов. Этот атрибут задает тип содержимого, используемый для отправки формы на сервер (если выбран метод post). По умолчанию для этого атрибута принято значение application/x-www-form-urlencoded.

    Формат

    Определяет тип создаваемой формы.

    HTML

    Создает HTML-форму и отправляет ее клиенту. Дочерние элементы управления cfgrid и cftree могут быть в формате апплета или Flash.

    Flash

    Создает Flash-форму и отправляет ее клиенту. Для всех элементов управления используется формат Flash.

    XML

    Создает XForms XML и помещает результаты в переменную с именем формы ColdFusion. Клиенту ничего не отправляется. Дочерние элементы управления cfgrid и cftree могут быть в формате апплета или Flash.

    Стиль

    Задает стиль формы. Дополнительные сведения см. в документации к ColdFusion.

    Оболочка Flash/XML

    Позволяет выбрать цвет ореола для стилизации выходных данных. Тема определяет цвет, используемый для помеченных цветом и выделенных элементов.

    Сохранение данных

    Определяет, должны ли предоставленные значения замещать исходные значения элементов управления, когда форма отправляет сведения самой себе.

    • Если False, то используются атрибуты тега элемента управления.

    • Если True, используются введенные значения.

    Исх. код сценариев

    Указывает URL-адрес (относительно корневого веб-каталога) файла JavaScript, содержащего клиентский код, используемый тегом и его дочерними тегами. Данный атрибут полезен, если файл не расположен в папке по умолчанию. Он может потребоваться в некоторых средах хостинга и конфигурациях, блокирующих доступ к каталогу /CFIDE. Местоположение по умолчанию задается параметрами администратора ColdFusion; по умолчанию используется /CFIDE/scripts/cfform.js.

    Архив

    Указывает URL-адрес загружаемых Java-классов для элементов управления cfgrid, cfslider и cftree, основанных на апплетах. Местоположением по умолчанию является /CFIDE/classes/cfapplets.jar.

    Высота

    Задает высоту формы.

    Ширина

    Задает ширину формы.

    Отображение редактора тегов для элемента cfform

    Позволяет редактировать свойства, которых нет в инспекторе свойств.

  4. Вставьте элементы управления формы ColdFusion.

    Поместите курсор вставки в то место формы, где должен появиться элемент управления формы ColdFusion, а затем выберите нужный элемент в меню «Вставка» («Вставка» > «Объекты ColdFusion» > «CFForm») или в категории CFForm на панели «Вставка».

  5. При необходимости задайте свойства элемента управления, используя инспектор свойств.

    Убедитесь, что элемент управления выделен в представлении «Дизайн», а затем задайте свойства в инспекторе. Для получения дополнительных сведений о свойствах щелкните значок справки в инспекторе свойств.

  6. Настройте макет формы ColdFusion.

    При создании HTML-форм для их форматирования можно использовать разрывы строк и абзацев, форматированный текст или таблицы. Одну форму ColdFusion нельзя вставить в другую (то есть, не допускается наложение тегов), но на одну страницу можно добавить несколько форм ColdFusion.

    При создании Flash-форм используйте каскадные таблицы стилей (CSS) для размещения элементов в форме. ColdFusion игнорирует HTML в форме.

    Не забудьте добавить метку к полям формы ColdFusion, чтобы пользователи понимали, для чего эти поля предназначены. Например, создайте метку «Введите свое имя» для запроса имени.

Вставка элементов управления формы ColdFusion

С помощью панели или меню «Вставка» можно быстро вставить элементы управления на форму ColdFusion. Необходимо создать пустую форму ColdFusion, прежде чем вставлять в нее элементы управления.

Примечание.

Этими дополнительными возможностями можно воспользоваться только на компьютере, на котором установлен ColdFusion MX 7 или более поздней версии.

  1. В представлении «Дизайн» поместите курсор вставки внутрь контура формы.
  2. Выберите элемент управления в меню «Вставка» > «Объекты ColdFusion» > «CFForm» или в категории CFForm на панели «Вставка».
  3. Щелкните элемент управления, чтобы выделить его, а затем задайте его свойства в инспекторе свойств.

    Дополнительные сведения о свойствах конкретных элементов управления см. в соответствующих разделах.

Вставка текстовых полей ColdFusion

В форму можно визуально вставить текстовое поле ColdFusion или поле пароля, а затем настроить его параметры.

Примечание.

Эта дополнительная возможность доступна только на компьютере, на котором установлен ColdFusion MX 7 или более поздней версии.

Визуальная вставка текстового поля ColdFusion

  1. В представлении «Дизайн» поместите курсор вставки внутрь контура формы.
  2. Щелкните значок «Текстовое поле CF» в категории «CFForm» на панели «Вставка» или выберите пункт меню «Вставка» > «Объекты ColdFusion» > «CFForm» > «CFtextfield».

    В форме появится текстовое поле.

  3. Выделите текстовое поле и задайте его свойства в инспекторе свойств.
  4. Чтобы добавить метку для текстового поля на странице, щелкните рядом с ним и введите текст надписи.

Визуальная вставка поля пароля

  1. Повторите шаги 1 и 2 из предыдущей процедуры для вставки текстового поля.
  2. Выделите вставленное текстовое поле, чтобы отобразить его инспектор свойств.
  3. Выберите значение «Пароль» из всплывающего меню «Текстовый режим» в инспекторе свойств.

Параметры CFTextField (ColdFusion)

Чтобы задать параметры текстового поля или поля пароля ColdFusion, установите любые из следующих параметров в инспекторе свойств CFTextField.

CFtextfield

Задает атрибут id тега <cfinput>.

Значение

Задает текст, который будет отображаться в поле при первом открытии страницы в браузере. Этот текст может быть как статическим, так и динамическим.

Чтобы задать динамическое значение, щелкните значок молнии рядом с текстовым полем «Значение» и в диалоговом окне «Динамические данные» выделите столбец набора записей. Этот столбец предоставляет значение для текстового поля во время просмотра формы в браузере.

Текстовый режим

Позволяет переключаться между полем ввода обычного текста и полем ввода пароля. Атрибутом, изменяемым этим элементом управления, является type.

Только для чтения

Устанавливает атрибут «только для чтения» для отображаемого текста.

Макс. длина

Задает максимально допустимое количество символов для текстового поля.

Маска

Задает маску для запрашиваемого текста. Это свойство используется для проверки вводимых пользователем данных. Формат маски включает такие символы: «A», «9», «X» и «?».

Примечание.

Атрибут mask игнорируется тегом cfinput type="password".

Проверка

Задает тип проверки для текущего поля.

Время проверки

Определяет время проверки поля: onSubmit, onBlur или onServer.

Метка

Задает метку для текстового поля.

Шаблон

Позволяет задать шаблон регулярных выражений сценариев JavaScript для проверки вводимых данных. Не добавляйте в начале и в конце косые черты. Дополнительные сведения см. в документации к ColdFusion.

Высота

Позволяет задать высоту элемента управления в пикселах.

Ширина

Задает ширину элемента управления в пикселах.

Размер

Устанавливает размер элемента управления.

Обязательно

Определяет, должны ли быть введены данные в текстовое поле перед оправкой формы на сервер.

Отображение редактора тегов

Позволяет редактировать свойства, которых нет в инспекторе свойств.

Вставка скрытых полей ColdFusion

В форму можно визуально вставить скрытое поле ColdFusion и задать его свойства. Используйте скрытые поля для хранения и передачи данных, которые не вводятся пользователем. Эти данные скрыты от пользователя.

Примечание.

Эта дополнительная возможность доступна только на компьютере, на котором установлен ColdFusion MX 7 или более поздней версии.

  1. В представлении «Дизайн» поместите курсор вставки внутрь контура формы.
  2. Щелкните значок «Скрытое поле CF» в категории CFForm на панели «Вставка».

    В форме ColdFusion появится маркер. Если он не появился, выберите «Просмотр» > «Вспомогательные элементы» > «Невидимые элементы».

  3. Выделите на странице скрытое поле и задайте следующие параметры в инспекторе свойств.

    Cfhiddenfield

    Задает уникальное имя для скрытого поля.

    Значение

    Задает значение скрытого поля. Эти данные могут быть как статическими, так и динамическими.

    Чтобы задать динамическое значение, щелкните значок молнии рядом с текстовым полем «Значение» и в диалоговом окне «Динамические данные» выделите столбец набора записей. Этот столбец предоставляет значение для текстового поля во время просмотра формы в браузере.

    Проверка

    Задает тип проверки для текущего поля.

    Время проверки

    Определяет время проверки поля: onSubmit, onBlur или onServer.

    Метка

    Задает метку для элемента управления. Это свойство игнорируется сервером ColdFusion на этапе выполнения.

    Шаблон

    Позволяет задать шаблон регулярных выражений сценариев JavaScript для проверки вводимых данных. Не добавляйте в начале и в конце косые черты. Дополнительные сведения см. в документации к ColdFusion.

    Высота

    Позволяет задать высоту элемента управления в пикселах. Это свойство игнорируется сервером ColdFusion на этапе выполнения.

    Ширина

    Задает ширину элемента управления в пикселах. Это свойство игнорируется сервером ColdFusion на этапе выполнения.

    Размер

    Устанавливает размер элемента управления. Это свойство игнорируется сервером ColdFusion на этапе выполнения.

    Обязательно

    Определяет, должны ли быть введены данные в скрытое поле перед оправкой формы на сервер.

    Отображение редактора тегов

    Позволяет редактировать свойства, которых нет в инспекторе свойств.

Вставка текстовых областей ColdFusion

В форму можно визуально вставить текстовую область ColdFusion и задать ее свойства. Текстовая область — это элемент ввода данных, состоящий из нескольких строк текста.

Примечание.

Эта дополнительная возможность доступна только на компьютере, на котором установлен ColdFusion MX 7 или более поздней версии.

  1. Поместите курсор вставки внутрь контура формы.
  2. Щелкните значок «Текстовая область CF» в категории CFForm на панели «Вставка».

    В форме ColdFusion появится текстовая область.

  3. Выделите на странице текстовую область и задайте в инспекторе свойств следующие параметры.

    Cftextarea

    Задает уникальное имя для элемента управления.

    Ширина знака

    Задает количество символов на строку.

    Число строк

    Задает количество строк для отображения в текстовой области.

    Обтекание

    Задает способ обтекания текстом, вводимым пользователями.

    Обязательно

    Определяет, должен ли пользователь вводить данные в поле (флажок установлен) или нет (флажок снят).

    Начальное значение

    Задает текст, который будет отображаться в текстовой области при первом открытии страницы в браузере.

    Проверка

    Задает тип проверки поля.

    Время проверки

    Определяет время проверки поля: onSubmit, onBlur или onServer.

    Метка

    Задает метку для элемента управления.

    Стиль

    Задает стиль элемента управления. Дополнительные сведения см. в документации к ColdFusion.

    Высота

    Позволяет задать высоту элемента управления в пикселах. Это свойство игнорируется сервером ColdFusion на этапе выполнения.

    Ширина

    Задает ширину элемента управления в пикселах. Это свойство игнорируется сервером ColdFusion на этапе выполнения.

    Отображение редактора тегов

    Позволяет редактировать свойства, которых нет в инспекторе свойств.

  4. Чтобы добавить надпись для текстовой области, щелкните рядом с ней и введите текст метки.

Вставка кнопок ColdFusion

В форму можно визуально вставить кнопку ColdFusion и задать ее свойства. Кнопки ColdFusion контролируют действия в формах ColdFusion. Кнопки можно использовать для отправки данных формы ColdFusion на сервер или сброса формы. Стандартные кнопки ColdFusion обычно имеют метки Submit, Reset или Send. Можно также назначить другие задачи обработки, которые были определены в сценарии. Например, с помощью кнопки можно вычислить общую стоимость выбранных элементов на основании заданных цен.

Примечание.

Эта дополнительная возможность доступна только на компьютере, на котором установлен ColdFusion MX 7 или более поздней версии.

  1. Поместите курсор вставки внутрь контура формы ColdFusion.
  2. Щелкните значок «Кнопка CF» в категории CFForm на панели «Вставка».

    В форме ColdFusion появится кнопка.

  3. Выделите на странице кнопку и задайте следующие параметры в инспекторе свойств.

    Cfbutton

    Задает уникальное имя для элемента управления.

    Действие

    Определяет тип создаваемой кнопки.

    Отображение редактора тегов

    Позволяет редактировать свойства, которых нет в инспекторе свойств.

    Другие свойства игнорируется сервером ColdFusion на этапе выполнения.

Вставка флажков ColdFusion

В форму можно визуально вставить флажок ColdFusion и задать его свойства. Используйте флажки, чтобы позволить пользователям выбирать несколько параметров из набора возможных.

Примечание.

Эта дополнительная возможность доступна только на компьютере, на котором установлен ColdFusion MX 7 или более поздней версии.

  1. Поместите курсор вставки внутрь контура формы.
  2. Щелкните значок «Флажок CF» в категории CFForm на панели «Вставка».

    В форме ColdFusion появится флажок.

  3. Выделите на странице флажок и задайте следующие параметры в инспекторе свойств.

    Cfcheckbox

    Задает уникальное имя для элемента управления.

    Выбранное значение

    Определяет значение, которое должен вернуть флажок в случае установки этого флажка пользователем.

    Начальное состояние

    Задает состояние флажка — установлен или снят — при первом открытии страницы в браузере.

    Проверка

    Задает тип проверки флажка.

    Время проверки

    Указывает, когда флажок проверяется: onSubmit, onBlur или onServer.

    Метка

    Задает метку для флажка.

    Шаблон

    Позволяет задать шаблон регулярных выражений сценариев JavaScript для проверки вводимых данных. Не добавляйте в начале и в конце косые черты. Дополнительные сведения см. в документации к ColdFusion.

    Высота

    Позволяет задать высоту элемента управления в пикселах. Это свойство игнорируется сервером ColdFusion на этапе выполнения.

    Ширина

    Задает ширину элемента управления в пикселах. Это свойство игнорируется сервером ColdFusion на этапе выполнения.

    Размер

    Устанавливает размер элемента управления. Это свойство игнорируется сервером ColdFusion на этапе выполнения.

    Обязательно

    Определяет, должен ли быть установлен флажок перед оправкой формы на сервер.

    Отображение редактора тегов

    Позволяет редактировать свойства, которых нет в инспекторе свойств.

  4. Чтобы присвоить флажку метку, нажмите рядом с ним на странице и введите текст метки.

Вставка переключателей ColdFusion

В форму можно визуально вставить переключатель ColdFusion и задать его свойства. Используйте переключатели, если нужно, чтобы пользователи выбирали только один вариант из имеющегося набора. Переключатели, как правило, объединяют в группы. Все переключатели в группе должны иметь одинаковое имя.

Примечание.

Эта дополнительная возможность доступна только на компьютере, на котором установлен ColdFusion MX 7 или более поздней версии.

  1. Поместите курсор вставки внутрь контура формы.
  2. Выберите меню «Вставка» > «Объекты ColdFusion» > «CFForm» > «CFradiobutton».

    В форме ColdFusion появится переключатель.

  3. Выделите на странице переключатель и задайте следующие параметры в инспекторе свойств.

    Cfradiobutton

    Задает уникальное имя для элемента управления.

    Выбранное значение

    Определяет значение, которое должен вернуть переключатель в случае выбора этого переключателя пользователем.

    Начальное состояние

    Задает состояние переключателя — выбран или нет — при первом открытии страницы в браузере.

    Проверка

    Задает тип проверки переключателя.

    Время проверки

    Указывает, когда переключатель проверяется: onSubmit, onBlur или onServer.

    Метка

    Задает метку для переключателя.

    Шаблон

    Позволяет задать шаблон регулярных выражений сценариев JavaScript для проверки вводимых данных. Не добавляйте в начале и в конце косые черты. Дополнительные сведения см. в документации к ColdFusion.

    Высота

    Позволяет задать высоту элемента управления в пикселах. Это свойство игнорируется сервером ColdFusion на этапе выполнения.

    Ширина

    Задает ширину элемента управления в пикселах. Это свойство игнорируется сервером ColdFusion на этапе выполнения.

    Размер

    Устанавливает размер элемента управления. Это свойство игнорируется сервером ColdFusion на этапе выполнения.

    Обязательно

    Определяет, должен ли быть выбран переключатель перед отправкой формы на сервер.

    Отображение редактора тегов

    Позволяет редактировать свойства, которых нет в инспекторе свойств.

  4. Чтобы добавить надпись для переключателя, нажмите рядом с ним на странице и введите текст метки.

Вставка полей со списком ColdFusion

В форму можно визуально вставить поле со списком ColdFusion и задать его свойства. Это поле позволяет посетителю выбрать один или несколько элементов из списка. Поля со списком удобны, когда нужно отобразить большое количество элементов в условиях ограниченного пространства. Кроме того, они полезны, если нужно контролировать значения, возвращаемые серверу. В отличие от текстовых полей, в которые пользователи могут вводить любые сведения, в том числе данные, при использовании полей со списком можно задать точные значения, возвращаемые меню.

В форму можно вставлять поля со списком двух типов: меню, «раскрывающееся» при щелчке пользователя, либо меню, отображающее прокручиваемый список элементов, которые пользователь может выбирать.

Примечание.

Эта дополнительная возможность доступна только на компьютере, на котором установлен ColdFusion MX 7 или более поздней версии.

  1. Поместите курсор вставки внутрь контура формы.
  2. Щелкните значок «Список CF» в категории CFForm на панели «Вставка».

    В форме ColdFusion появится поле со списком.

  3. Выделите на странице поле выбора и задайте следующие параметры в инспекторе свойств.

    Cfselect

    Задает уникальное имя для элемента управления.

    Тип

    Задает тип элемента управления — всплывающее меню или список. Если выбран список, становятся доступными параметры «Высота списка» и «Разрешить выбор нескольких элементов в списках».

    Высота списка

    Задает количество строк для отображения в меню списка. Этот параметр доступен только в том случае, если выбран список.

    Разрешить выбор нескольких элементов в списках

    Определяет, может ли пользователь выбрать в списке несколько элементов одновременно. Этот параметр доступен только в том случае, если выбран список.

    Редактировать значения

    Открывает диалоговое окно, в котором можно добавить, изменить или удалить элементы поля выбора.

    Выбрано вначале

    Определяет, какой из параметров выбран по умолчанию. Если задан параметр «Разрешить выбор нескольких элементов в списках», здесь можно выбрать несколько элементов.

    Набор записей

    Задает имя запроса ColdFusion, который будет использоваться для заполнения списка или меню.

    Отображаемый столбец

    Указывает столбец набора записей, из которого будут браться метки всех элементов списка. Используется совместно со свойством «Набор записей».

    Столбец значений

    Задает столбец набора записей, из которого будут браться значения всех элементов списка. Используется совместно со свойством «Набор записей».

    Метка Flash

    Задает метку для поля со списком.

    Высота Flash

    Позволяет задать высоту элемента управления в пикселах. Это свойство игнорируется сервером ColdFusion на этапе выполнения.

    Ширина Flash

    Задает ширину элемента управления в пикселах. Это свойство игнорируется сервером ColdFusion на этапе выполнения.

    Сообщение

    Указывает сообщение, которое должно отображаться, если для свойства «Обязательное» задано значение «Да» и пользователь не выбрал данные перед отправкой формы.

    Обязательно

    Определяет, должен ли быть выбран пункт меню перед оправкой формы на сервер.

    Отображение редактора тегов

    Позволяет редактировать свойства, которых нет в инспекторе свойств.

Вставка полей изображений ColdFusion

В форму можно визуально вставить поле изображения ColdFusion и задать его параметры. Используйте поля изображений для создания собственных кнопок.

Примечание.

Эта дополнительная возможность доступна только на компьютере, на котором установлен ColdFusion MX 7 или более поздней версии.

  1. В представлении «Дизайн» поместите курсор вставки внутрь контура формы.
  2. Щелкните значок «Поле изображения CF» в категории CFForm на панели «Вставка». Выберите изображение, которое нужно вставить, и нажмите кнопку «ОК». Либо введите путь к файлу изображения в текстовом поле Src.
    Примечание.

    Если изображение находится не в корневой папке сайта, его нужно скопировать в эту папку. Изображения, хранящиеся в других папках, могут быть недоступны во время публикации сайта.

  3. Выделите на странице поле изображения и задайте следующие параметры в инспекторе свойств.

    Cfimagefield

    Задает уникальное имя для элемента управления.

    Источник

    Задает URL-адрес вставленного изображения.

    Замещающий текст.

    Задает альтернативный текст, который выдается в том случае, если изображение невозможно отобразить.

    Выравнивание

    Задает выравнивание изображения.

    Рамка

    Определяет ширину границы изображения.

    Изменить изображение

    Открывает изображение в редакторе изображений, используемом по умолчанию.

    Чтобы задать редактор изображений по умолчанию, выберите «Правка» > «Настройки» > «Типы файлов и редакторы». В противном случае кнопка «Редактировать изображение» не будет работать.

    Проверка

    Задает тип проверки поля изображения.

    Время проверки

    Определяет время проверки поля: onSubmit, onBlur или onServer.

    Метка

    Задает метку для переключателя.

    Шаблон

    Позволяет задать шаблон регулярных выражений сценариев JavaScript для проверки вводимых данных. Не добавляйте в начале и в конце косые черты. Дополнительные сведения см. в документации к ColdFusion.

    Высота

    Позволяет задать высоту элемента управления в пикселах.

    Ширина

    Задает ширину элемента управления в пикселах.

    Размер

    Устанавливает размер элемента управления. Это свойство игнорируется сервером ColdFusion на этапе выполнения.

    Обязательно

    Определяет, должен ли элемент управления содержать данные перед оправкой формы на сервер.

    Отображение редактора тегов

    Позволяет редактировать свойства, которых нет в инспекторе свойств.

Вставка полей файлов ColdFusion

В форму можно визуально вставить поле файла ColdFusion и задать его свойства. Используйте поле файла, чтобы пользователи могли выбирать файлы на своих компьютерах (например, текстовые документы или графические файлы) и загружать их на сервер. Поле файла ColdFusion похоже на другие текстовые поля, но, в отличие от них, также имеет кнопку «Обзор». Пользователи могут вручную ввести путь к файлу, который нужно передать, или нажать кнопку «Обзор» и выбрать этот файл.

Поля файлов требуют использования метода POST для передачи файлов из браузера на сервер. Файл отправляется на адрес, указанный в поле формы «Действие». Прежде чем включить поле файла в свою форму, обратитесь к администратору сервера, чтобы убедиться, что на сервере разрешены анонимные передачи.

Еще одно требование полей файлов — использование типа кодирования формы multipart/form. В Dreamweaver этот тип задается автоматически при вставке поля файла.

Примечание.

Эта дополнительная возможность доступна только на компьютере, на котором установлен ColdFusion MX 7 или более поздней версии.

  1. В представлении «Дизайн» выделите CFForm, чтобы отобразить инспектор свойств.

    Чтобы быстро выделить форму, щелкните любое место внутри контура формы и выберите тег <cfform> в селекторе тегов внизу окна документа.

  2. В инспекторе свойств задайте для формы метод POST.
  3. Во всплывающем меню «Тип кодировки» выберите multipart/form-data.
  4. Поместите курсор вставки внутри контура формы в то место, где должно появиться поле файла.
  5. Выберите меню «Вставка» > «Объекты ColdFusion» > «CFForm» > «CFfilefield».

    В документе появится поле файла.

  6. Выделите на странице поле файла и задайте следующие параметры в инспекторе свойств.

    Cffilefield

    Задает уникальное имя для элемента управления.

    Максимальная длина

    Определяет максимальное количество символов в пути к файлу.

    Проверка

    Задает тип проверки поля.

    Время проверки

    Определяет время проверки поля: onSubmit, onBlur или onServer.

    Метка

    Задает метку для поля.

    Шаблон

    Позволяет задать шаблон регулярных выражений сценариев JavaScript для проверки вводимых данных. Не добавляйте в начале и в конце косые черты. Дополнительные сведения см. в документации к ColdFusion.

    Высота

    Позволяет задать высоту элемента управления в пикселах. Это свойство игнорируется сервером ColdFusion на этапе выполнения.

    Ширина

    Задает ширину элемента управления в пикселах. Это свойство игнорируется сервером ColdFusion на этапе выполнения.

    Размер

    Устанавливает размер элемента управления.

    Обязательно

    Определяет, должно ли поле файла содержать данные перед оправкой формы на сервер.

    Отображение редактора тегов

    Позволяет редактировать свойства, которых нет в инспекторе свойств.

Вставка полей дат ColdFusion

Несмотря на то что визуальная вставка поля даты ColdFusion невозможна в Dreamweaver, визуально установить его свойства можно. Поле даты ColdFusion — это особый тип текстового поля, в котором пользователи могут выбрать дату из всплывающего календаря и вставить ее в текстовое поле.

Примечание.

Эта дополнительная возможность доступна только на компьютере, на котором установлен ColdFusion MX 7 или более поздней версии.

  1. В представлении «Дизайн» выделите CFForm, чтобы отобразить инспектор свойств.

    Чтобы быстро выделить форму, щелкните любое место внутри контура формы и выберите тег <cfform> в селекторе тегов внизу окна документа.

  2. В инспекторе свойств задайте для свойства формы «Формат» метод Flash.

    Элемент управления поля даты может передаваться только в формах ColdFusion на базе технологии Flash.

  3. Включите представление кода («Просмотр» > «Код») и между всеми открывающими и закрывающими тегами CFForm введите следующий тег: 
    <cfinput name="datefield" type="datefield">
  4. Переключитесь на представление «Конструктор», выделите на странице поле даты и задайте следующие параметры в инспекторе свойств.

    Cfdatefield

    Задает уникальное имя для элемента управления.

    Значение

    Задает дату, которая будет отображаться в поле при первом открытии страницы в браузере. Дата может быть как статической, так и динамической.

    Чтобы задать динамическое значение, щелкните значок молнии рядом с текстовым полем «Значение» и в диалоговом окне «Динамические данные» выделите столбец набора записей. Этот столбец предоставляет значение для поля даты во время просмотра формы в браузере.

    Проверка

    Задает тип проверки поля.

    Время проверки

    Определяет время проверки поля: onSubmit, onBlur или onServer.

    Метка

    Задает метку для поля.

    Шаблон

    Позволяет задать шаблон регулярных выражений сценариев JavaScript для проверки вводимых данных. Не добавляйте в начале и в конце косые черты. Дополнительные сведения см. в документации к ColdFusion.

    Высота

    Позволяет задать высоту элемента управления в пикселах.

    Ширина

    Задает ширину элемента управления в пикселах.

    Размер

    Устанавливает размер элемента управления.

    Обязательно

    Определяет, должно ли поле даты содержать значение перед оправкой формы на сервер.

    Отображение редактора тегов

    Позволяет редактировать свойства, которых нет в инспекторе свойств.

Изменение элементов управления формы ColdFusion

В представлении «Дизайн» или «Код» можно визуально изменять свойства элементов управления формы ColdFusion.

Примечание.

Эта дополнительная возможность доступна только на компьютере, на котором установлен ColdFusion MX 7 или более поздней версии.

  1. В представлении «Дизайн» выберите элемент управления формы на странице; в представлении «Код» щелкните в любом месте внутри тега элемента управления.

    В инспекторе свойств отобразятся свойства этого элемента управления формы.

  2. Измените свойства элемента управления формы в инспекторе свойств.

    Для получения дополнительных сведений щелкните значок справки в инспекторе свойств.

  3. Чтобы задать дополнительные свойства, в инспекторе свойств нажмите кнопку «Отобразить редактор тегов» и задайте свойства в появившемся редакторе тегов.

Проверка данных формы ColdFusion

В Dreamweaver можно создавать формы ColdFusion, которые проверяют содержимое указанных полей, чтобы обеспечить ввод пользователем правильного типа данных.

Примечание.

Эта дополнительная возможность доступна только на компьютере, на котором установлен ColdFusion MX 7 или более поздней версии.

  1. Создайте форму ColdFusion с хотя бы одним полем ввода и кнопкой «Отправить». Убедитесь, что все поля ColdFusion, которые необходимо проверить, имеют уникальные имена.
  2. В форме выберите поле, которое нужно проверить.
  3. В инспекторе свойств укажите способ проверки поля.

    В нижней части инспектора свойств для каждого поля ввода содержатся элементы управления, которые помогают определить правило проверки. Например, вам нужно указать, что текстовое поле должно содержать номер телефона. Для этого во всплывающем меню «Значение» в инспекторе свойств выберите «Телефон». Во всплывающем меню «Время проверки» можно также задать время проверки.

Справки по другим продуктам

 Adobe

Получайте помощь быстрее и проще

Новый пользователь?

Ссылки быстрого перехода

Просмотреть все свои планы Управление планами
Просмотреть ссылки быстрого доступа
Скрыть ссылки быстрого доступа
Adobe MAX 2024

Adobe MAX
— творческая конференция

С 14 по 16 октября очно в Майами-Бич и онлайн

Зарегистрироваться

Adobe MAX

Творческая конференция

С 14 по 16 октября очно в Майами-Бич и онлайн

Зарегистрироваться
Adobe MAX 2024

Adobe MAX
— творческая конференция

С 14 по 16 октября очно в Майами-Бич и онлайн

Зарегистрироваться

Adobe MAX

Творческая конференция

С 14 по 16 октября очно в Майами-Бич и онлайн

Зарегистрироваться

Правовые уведомления    |    Политика конфиденциальности в сети Интернет