Створення форми: елемент FORM

Синтаксис: <FORM>…</FORM> (блоковий елемент) Атрибути: id, class, style, title, lang, dir, події action = URI (URI оброблювача форми) method = get | post (метод HTTP пересилання форми) enctype = тип файлу (тип файлу для пересилання форми) accept = типи файлів (список припустимих типів файлів) accept-charset = кодування (список припустимих кодувань символів) name = CDATA (назва форми для сценаріїв) target = фрейм (фрейм для відображення результатів) onsubmit = сценарій (пересилання форми) onreset = сценарій (ініціалізація форми) Підтримка: Атрибути accept й accept-charset ігноруються (5.0+) Атрибути accept й accept-charset ігноруються (4.0+)

Елемент FORM використається для створення інтерактивних форм і служить контейнером для керуючих елементів, що утворять форму. Крім керуючих елементів він може містити сценарії й будь-які блокові елементи, крім FORM. Даний елемент може втримуватися в елементах BLOCKQUOTE, BODY, BUTTON, DD, DEL, DIV, FIELDSET, FORM, IFRAME, INS, LI, MAP, NOFRAMES, NOSCRIPT, OBJECT, TD й TH.

Обов'язковий атрибут action задає URI програми, що приймає й обробляє результати заповнення форми користувачем. Звичайно це CGI-сценарій або Java-програма, що працює на Веб-сервере. Крім того, у якості action можливе завдання URI електронної пошти виду mailto:[e-mail].

Спосіб пересилання форми визначається атрибутами method й enctype. Він полягає в наступному:

Формується набір дані форми як послідовність пара імені-елемента/поточн-значення для всіх успішних керуючих елементів.

Цей набір даних кодується відповідно до типу файлу, заданим атрибутом enctype.

Дозовані дані передаються серверу відповідно до методу HTTP, заданим атрибутом method:

- Якщо method =get (прийнято за замовчуванням), то до URI оброблювача форми додається '?' і набір дані форми, закодований відповідно до типу файлу "application/x-www-form-urlencoded". Отриманий URI передається Веб-серверу в запиті HTTP "GET". У цьому випадку всі дані форми повинні бути символами базової латиниці, а їхній припустимий обсяг обмежений.

- Якщо method =post, то оглядач виконує запит HTTP "POST" з URI запиту, заданим в method, і тілом повідомлення, створеним відповідно до типу файлу, заданим в enctype (звичайно це "multipart/form-data").

Єлемент FORM може також мати наступні необов'язкові атрибути:

Атрибут accept задає список типів файлів, розділених комами, які підтримуються сервером оброблювача форми. Оглядач може використати цей список для відфільтровки тільки припустимих файлів у селекторах файлів (див. елемент INPUT з type =file), але сучасні оглядачі звичайно ігнорують цей атрибут.

Атрибут accept-charset задає список кодувань символів, розділених комами або пробілами, які підтримуються сервером оброблювача форми. За замовчуванням містить рядок "UNKNOWN" і звичайно інтерпретується як кодування символів документа, що містить даний елемент FORM.

Атрибут name містить назва форми, на яке можна посилатися в таблицях стилів і сценаріях. Цей атрибут зберігається тільки з метою сумісності зі старими оглядачами; у цей час рекомендується використати замість нього атрибут id.

Атрибут target використається тільки у фреймових документах і задає ім'я фрейму, у якому повинен відображатися відгук пересилання форми.

Крім того, даний елемент підтримує обробку двох нестандартних подій:

onsubmit — відбувається при пересиланні форми для обробки;

onreset — відбувається при скиданні всіх значень форми.

Наступний приклад форми містить поля уведення, перемикачі й кнопки скидання й пересилання форми:

Code 8.1 <FORM action="http://mysite.com/cgi-bin/adduser" method="post"> <P> <LABEL for="firstname">Ім'я: </LABEL> <INPUT type="text" id="firstname"><BR> <LABEL for="lastname">Прізвище: </LABEL> <INPUT type="text" id="lastname"><BR> <LABEL for="email">E-mail: </LABEL> <INPUT type="text" id="email"><BR> <INPUT type="radio" name="sex" value="Male" checked="checked"> Чоловік<BR> <INPUT type="radio" name="sex" value="Female"> Жінка<BR> <INPUT type="submit" value="Send"> <INPUT type="reset"> </P></FORM>

Відображатися ця форма буде приблизно так: