2.6. Создание форм

 

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

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

Для того чтобы создать форму, прежде всего, установите курсор на странице в позицию, куда будет помещена форма, и выберите в меню Вставка команду Форма -Форма). На страницу будет помещена форма (рис. 24).

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

Установите курсор внутри формы и выберите в меню Вставка команду Форма – Текстовое поле. На форму будет помещено поле ввода текста. Ширину поля ввода текста можно изменить, двигая его за край с помощью мыши.

Щелкните правой кнопкой мыши на поле ввода и в появившемся контекстном меню выберите команду Свойства поля формы…. На экране появится диалогСвойства текстового поля (рис. 25).

В поле Имя укажите имя поля формы. Имя поля не отображается на форме, а является внутренним идентификатором, который используется при сохранении значений поля в файле или базе данных. В поле ввода Начальное значение: можно указать текст, который будет присутствовать в поле по умолчанию. Поля Ширина в знаках иЧисло строк определяют видимую область поля ввода. Нажмите кнопку ОК, чтобы закрыть диалог и сохранить изменения.

Выберите в меню Вставка команду Форма - Раскрывающийся список. На форму будет помещен раскрывающийся список. Раскрывающийся список предназначен для выбора одного или нескольких значений из списка.

Щелкните правой кнопкой мыши на открывающемся списке на форме и в появившемся контекстном меню выберите команду Свойства поля формы…. На экране появится диалог Свойства раскрывающегося списка (рис. 26). В поле Имя укажите имя поля формы. Нажмите кнопку Добавить. На экране появится диалог Добавление варианта. В поле ввода Вариант укажите название списка.

Если установить флажок Значение:, то в поле ввода под флажком можно указать значение, которое будет передаваться вместо выбранного названия. При сброшенном флажке значение эквивалентно названию элемента списка. Переключатель Начальное состояние: определяет, будет ли данный элемент выбран по умолчанию.

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

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

Установите курсор на следующую строку формы и выберите в меню Вставка команду Форма - Флажок. На форму будет помещен флажок. Флажок предназначен для выбора возможности, которая имеет два варианта: да или нет.

Введите справа от флажка его заголовок или пояснительный текст. Щелкните правой кнопкой мыши на флажке и в появившемся контекстном меню выберите командуСвойства поля формы…. На экране появится диалог Свойства флажка. В поле Имя укажите имя поля формы. В поле ввода Значение укажите значение, которое будет передаваться в качестве результата при установленном флажке, например, Да. Переключатель Initial Value Начальное состояние определяет, будет ли флажок по умолчанию установлен или снят.

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

Чтобы изменить текст на кнопке Отправить, щелкните правой кнопкой мыши на кнопке и в появившемся контекстном меню выберите команду Свойства поля формы…. На экране появится диалог Свойства кнопки. Введите новый текст в поле ввода Значение или подпись и нажмите кнопку ОК.

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

Сохраните страницу и запустите браузер, выбрав в меню Файл команду Просмотр в обозревателе. В браузере будет отображена страница с формой.

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

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

Щелкните правой кнопкой мыши в любой области формы и в появившемся контекстном меню выберите команду Свойства формы…. На экране появится диалогСвойства формы (рис. 27). С помощью группы элементов управления Сохранение результатов определяется способ сохранения результатов формы. По умолчанию установлен первый переключатель Отправка. Это значит, что полученные данные могут быть сохранены в текстовом файле, указанном в поле Имя файла, или отправлены по электронной почте по адресу, указанному в поле Адрес почты.

Нажмите кнопку Параметры. На экране появится диалог Сохранение результатов (рис. 28).

В этом диалоге можно настроить различные параметры сохранения результатов в файле или письме. На вкладке Запись результатов можно выбрать формат файла. Это может быть текстовый файл с различными видами разделителей или файл в формате HTML. Здесь же можно указать второй файл для результатов. Такая возможность удобна, например, если требуется подготовить один результат для сохранения в базе данных, а другой - для отображения на странице. На вкладке Отправка результатов по почтеможно выбрать формат письма, указать тему письма и подставить отправителя. На вкладке Страница подтверждения имеется возможность указать адрес страницы с информацией подтверждения ввода, а также адрес страницы, отображаемой при нарушении правил ввода. На вкладке Сохраняемые поля можно выборочно перечислить поля формы, которые требуется сохранить, и указать их порядок, а также включить в результат дополнительные поля: дату, время, имя удаленного компьютера, имя пользователя и тип обозревателя.

Чтобы создать форму, можно также воспользоваться готовыми шаблонами или мастером создания форм. Для этого нужно выбрать в меню Файл команду Создать -Страница и в диалоге Новая страница выбрать один из шаблонов либо выбрать мастера, который запросит необходимую информацию для создания страницы с формой.