Список рекомендованих джерел.

Основна література:3 -5, 7

Додаткова література:11, 13, 15, 16, 19, 22, 23

Інтернет-ресурси:28, 29

1. HTML-форми. Визначення форми – елемент FORM

Форми – елементи web-сторінки, які дозволяють їй діставати інформацію від користувача. Форма на web-сторінці, це – майже те саме, що паперова форма, в якихось документах. А іншими словами це – анкета. Форми були створені та використовуються в WWW для отримання відклику користувача на надану інформацію та збирання даних про користувача. Після заповнення користувачем форми та запуску процесу її обробки, інформація з неї потрапляє до програми, що працює на сервері. Використання html-форм дуже важливе для здійснення взаємодії між користувачем і сайтом. Форми дозволяють користувачам зробити вибір, відправити інформацію або завантажити файли на сайт, дозволяють навіть власникам невеликих сайтів отримувати відклик від своїх читачів.

Для обробки великої кількості відкликів використовують програми, що працюють на сервері, на адресу якого надходять відклики. Отже, користувач може інтерактивно взаємодіяти з web-сервером засобами Інтернету.

Для створення форм використовується html-контейнер <FORM ACTION="URL">…</FORM>. ЕлементFORM позначає документ як форму і задає межі використання інших тегів, розміщених у формі. На сторінці одночасно може розташовуватися декілька форм, проте вони не можуть бути вкладені одна в іншу. Html-текст, включаючи мітки, може розміщуватися усередині форм без обмежень.

Тег <FORM> має ряд атрибутів, один з яких є обов’язковим:

· NAME – визначає ім’я форми, унікальне для даного документа. Використовується лише, якщо в документі присутні декілька форм.

· ACTION – обов’язковий атрибут. Вказує шлях до скрипту (або програми) сервера, обслуговуючого дану форму.

· METHOD – визначає спосіб відправки вмісту html-форми. Можливі значення GET (за промовчанням) і POST.

Метод GET використовується для передачі різних змінних або дуже коротких повідомлень. Інформація передається в явному вигляді через рядок браузеру, тобто її можна перехопити. При використанні методу GET дані форми передаються безпосередньо в адресному рядку (там, де вводиться адреса сайту) в якості параметрів. Наприклад, якщо в рядку набору браузеру записано щось на зразок:

http://adress.com/lessons.php?rub=28 – це означає, що передається значення змінної rub рівне 28;

http://www.htmlbook.ru/cgi-bin/handler.cgi?nick=%C2%E0%ED%FF+%D8%E0%EF%EE%F7%EA%E8%ED&page=5

Параметри перераховуються після знаку питання, вказаного після адреси CGI-програми і розділяються між собою символом амперсанда (&). Не латинські символи перетворяться в шістнадцяткове представлення (у формі %HH, де HH – шістнадцятковий код для значення ASCII-символа), пропуск замінюється на плюс (+). У html-формах метод GET зазвичай радять не використовувати.

Метод POST створений спеціально для передачі текстових повідомлень. Майже завжди застосовується у формах, оскільки відбувається передача інформації в прихованому вигляді. Метод POST встановлює з’єднання з сервером і тільки потім передає дані за протоколом, що є набагато надійніше і використовується при передачі конфіденційної інформації.

З наведених вище атрибутів найбільше значення мають два: ACTION і METHOD. За допомогою цих атрибутів задається спосіб відправки даних серверу.

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

Для відправки форми на сервер використовується кнопка SUBMIT. Коли форма передається на сервер, управління даними передається програмі, заданій атрибутом ACTION тега <FORM>. Заздалегідь браузер готує інформацію у вигляді пари «ім’я = значення», де ім’я визначається атрибутом NAME тега <INPUT>, а значення введене користувачем або встановлене в полі форми за промовчанням.

Як обробник можна вказати адресу електронної пошти, починаючи його з ключового слова mailto. При відправці форми буде запущена поштова програма встановлена за промовчанням.

Наприклад:

<FORM METHOD=post ACTION = mailto: login@gmail.com>

Контейнер <FORM>…</FORM> існує не сам по собі. Дані, що надсилаються містяться в спеціальних елементах форми – елементах управління. Саме з ними взаємодіє користувач, вводячи дані. Допускається всередину контейнера <FORM> поміщати інші теги, при цьому сама форма ніяк не відображується на web-сторінці, видно лише її елементи і результати вкладених тегов.

2. Визначення елементів управління форми

Тег <INPUT> є одним із різносторонніх елементів форми і дозволяє створювати різні елементи інтерфейсу і забезпечити взаємодію з користувачем. Головним чином <INPUT> призначений для створення текстових полів, різних кнопок, перемикачів і прапорців. Хоча елемент <INPUT> не потрібно поміщати всередину контейнера <FORM>, що визначає форму, але якщо введені користувачем дані мають бути відправлені на сервер, де їх обробляє серверна програма, то вказувати <FORM> обов’язково.

Основний атрибут тега <INPUT>, що визначає вигляд елементу – TYPE. Він дозволяє задавати наступні елементи форми:

· текстове поле (text);

· поле з паролем (password);

· перемикач (radio);

· прапорець (checkbox);

· приховане поле (hidden);

· кнопка (button);

· кнопка для відправки форми (submit);

· кнопка для очищення форми (reset);

· поле для відправки файлу (file);

· кнопка із зображенням (image);

У таблиці 6.1 перераховані можливі значення атрибуту TYPE і вигляд поля форми.

Таблиця 6.1