9.4.5. Створення форм

Форми служать для організації інтерактивної взаємодії з електронним виданням і збору інформації про відвідувачів Web-серверу (сайту).

Створення форм базується, з одного боку, на вихідному тексті HTML, що описує елементи форми (наприклад, поля, мітки, кнопки і т.д.), і на сценаріях чи додатках, що обробляють представлену на розгляд інформацію (типу сценарію CGI).

Macromedia Dreamweaver забезпечує створення ряду елементів форми:

типу текстових полів, полів пароля, радіокнопок, перемикачів, меню, що випливають, поля чи зображень (типу кнопки Submit). Dreamweaver використовується також для перевірки правильності поводження форми.

Об'єкти форми. У пакеті Dreamweaver елементи форми називаються об’єктами форми. У цьому програмному середовищі можна вставляти об'єкти форми, використовуючи панель форм палітри об'єктів, чи за допомогою команд Insert/Form (Імпортування/Форма) і Insert/Form Object (Імпортування/Об'єкти форми). Нижче приведено підменю команди Insert/Form Object (рис. 9.43).

У програмному середовищі Dreamweaver використовуються наступні об'єкти форм:

• Text Field (текстове поле). Використовується для вводу текстової інформації у форму. Текстові поля забезпечують вводу будь-якого типу тексту, алфавітної чи числової інформації. Введений текст може відображатися у вигляді однорядкового чи багаторядковому поля вводу, визуалізуватися в текстовому полі або замінятися зірочками при введенні паролів.

• Button (текстова кнопка). При натисканні таких кнопок виробляється скидання форми або формується команда на виконання конкретної задачі, передачі інформації на обробку.

У розглянутому програмному середовищі можуть створюватися:

• Кнопки відправлення. При активізації цих кнопок виробляється відправлення даних форми. У формі може бути кілька кнопок відправлення.

• Кнопки скидання. При їхній активізації для всіх елементів форми встановлюються вихідні значення.

• Інші кнопки. Для цих кнопок дія за замовчуванням не визначена. З атрибутами подій кожної такої кнопки можуть бути зв'язані клієнтські скрипти. Якщо відбувається подія (наприклад, користувач натискає кнопку, відпускає її і т.д.), включається зв'язаний з подією скрипт.

• Radio Button (кнопки з залежною фіксацією). Ці об'єкти форми називають також прапорцями. Прапорці або кнопки з залежною фіксацією – це перемикачі вкл./викл., що можуть переключатися користувачем.

• Вибір визначеної кнопки всередині групи скасовує вибір всіх інших кнопок у групі. Якщо одна кнопка включена, інші обов'язково виключені.

• Checkbox (перемикач). Перемикачі дають змогу отримати багато відповідей в групі опцій.

• File field (поле файлу). Об'єкти форми цього типу надають користувачам можливість вставляти імена файлів, вміст яких може передаватися разом з формою. Поле файлу може вставляти порожнє текстове поле і кнопку Browse у документ. Поля файлу забезпечують користувачам перегляд структури папок і файлів на їхніх твердих дисках, а також завантажують вибрані файли як дані форми.

– Image field (поле зображення). У форму можуть вставлятися зображення.

Поля зображення використовуються замість звичайних кнопок. Їх називають “графічні кнопки”.

• Hidden field (приховані поля). Автори можуть створювати елементи форми, які не подаються користувачам, але мають значення, що передаються з формою. Приховані поля дають змогу зберігати інформацію, введену користувачем, наприклад імена, адреси електронної пошти, чи переваги.

• Jump Menu. З його допомогою здійснюється вибір одного з запропонованих варіантів. Це меню вставляє навігаційний список, випливаюче меню або меню, у якому кожна опція зв'язана з визначеним документом чи файлом.

Поля вводу. Використовуються три типи полів:

1. текстові поля

2. поля файлу

3. приховані поля.

У створених полях можна встановлювати довжину поля, число рядків, число символів у рядку. Для задання атрибутів полів вводу служить панель контролера властивостей (рис. 9.47).

Як приклад розглянемо створення однорядкових полів вводу:

1. Поміщаємо місце розміщення всередині контуру форми. Потім виконуємо одну з наступних операцій:

2. Вибираємо команду Insert/Form Object/Text Field (Імпортування/Об'єкт форми/Текстове поле).

3. У панелі форм палітри об'єктів натискаємо іконку Insert Text Field (Імпортування текстового поля). Текстове поле з'являється в документі.

4. У панелі контролера властивостей (для текстового поля) вводиться унікальне ім'я цього поля. Ім'я набирається без пробілів, наприклад, first_name.

У полі Char Width:

1. Можна використовувати настроювання за замовчуванням, що встановлює довжину текстового поля в 24 символа.

2. Можна ввести число, що визначає довжину текстового поля.

У полі Max Chars можна:

1. Ввести число, яке обмежує максимальна кількість символівів, що користувач може ввести в це поле. Наприклад, поле вводу пароля можна обмежити вісьмома символами. Якщо користувач вводить більшу кількість символів, формується сигнал тривоги (звук).

2. Залишити поле порожнім, надаючи користувачам можливість вводити необмежений обсяг інформації. У цьому випадку передбачається скролінг тексту.

Для вибору типу використовуються три прапорці: Single-line, Multi- line і Password.

3. У поле Init Val вводиться текст, який буде відображатися в текстовому полі при завантаженні форми у вікно перегляду користувача.

Поруч з об'єктом форми можна ввести текстове пояснення.