Елемент <form> (від англ. form — форма) встановлює форму на веб-сторінці. Форма призначена для обміну даними між користувачем та сервером. Область застосування форм не обмежена надсиланням даних на сервер, за допомогою клієнтських скриптів можна отримати доступ до будь-якого елементу форми, змінювати його та застосовувати на свій розсуд.
Документ може містити будь-яку кількість форм, але одночасно на сервер може бути відправлено лише одну форму. З цієї причини дані форм повинні бути незалежними один від одного.
Для відправки форми на сервер використовується кнопка Submit, того ж можна досягти, якщо натиснути клавішу Enter в межах форми. Якщо кнопка Submit відсутня у формі, клавіша Enter імітує її використання.
Коли форма відправляється на сервер, керування даними передається програмі, заданій атрибутом action елемента <form>. Попередньо браузер готує інформацію у вигляді пари «ім'я=значення», де ім'я визначається атрибутом name елемента < input>, а значення введено користувачем або встановлено в полі форми за промовчанням. Якщо для надсилання даних використовується метод GET, то адресний рядок може набувати наступного вигляду.
http://www.htmlbook.ru/handler.php?nick=%C2%E0%ED%FF+%D8%E0%EF%EE%F7%EA%E8%ED&page=5
Параметри перераховуються після знака запитання, вказаного після адреси серверної програми та розділяються між собою символом амперсанда (&). Російські літери перетворюються на шістнадцяткове уявлення (у формі %HH, де HH — шістнадцятковий код для значення ASCII-символу), пробіл замінюється на плюс (+).
Допускається всередину контейнера <form> розміщувати інші елементи, при цьому сама форма ніяк не відображається на веб-сторінці, видно тільки елементи всередині неї.
Синтаксис
<form> ... </form>
Закриваючий тег
Обов'язковий.
Атрибути
- accept-charset
- Встановлює кодування, в якому сервер може приймати та обробляти дані.
- action
- Адреса програми або документа, який обробляє дані форми.
- autocomplete
- Включає автозаповнення полів форми.
- enctype
- Спосіб кодування даних форми .
- method
- Метод протоколу HTTP.
- name
- Ім'я форми.
- novalidate
- Скасує вбудовану перевірку даних форми на коректність введення.
- target
- Ім'я вікна або кадру , куди обробник завантажуватиме результат, що повертається.
Також для цього елемента доступні універсальні атрибути та події.
Приклад
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>FORM</title> </head> <body> <form action="handler.php"> <p><b>Як на вашу думку розшифровується абревіатура "ОС"?</b></p> <p><input type="radio" name="answer" value="a1">Офіцерський склад<Br> <input type="radio" name="answer" value="a2">Операційна система<Br> <input type="radio" name="answer" value="a3">Великий смугастий мух</p> <p><input type="submit"></p> </form> </body> </html>
Результат цього прикладу показаний на рис. 1.
Мал. 1. Вигляд елементів форми у вікні браузера
Специфікація
| Специфікація | Статус |
|---|---|
| WHATWG HTML Living Standard | Живий стандарт |
| HTML5 | Пропонована рекомендація |
| HTML 4.01 Specification | Рекомендація |
Специфікація
Кожна специфікація проходить кілька стадій схвалення.
- Recommendation (Рекомендація) — специфікація схвалена W3C і рекомендована як стандарт.
- Candidate Recommendation (Можлива рекомендація) — група, яка відповідає за стандарт, задоволена, як він відповідає своїм цілям, але потрібна допомога спільноти розробників з реалізації стандарту.) — на цьому етапі документ представлений на розгляд Консультативної ради W3C для остаточного затвердження. та внесення поправок для розгляду спільнотою.
- Editor's draft (Редакторська чернетка) — чорнова версія стандарту після внесення змін до редакторів проекту.
- Draft (Чернетка специфікації) — перша чорнова версія стандарту.
Особняком стоїть живий стандарт HTML (Living) — він не дотримується традиційної нумерації версій, оскільки перебуває в постійній розробці та оновлюється регулярно.
Браузери
| 3 | 12 | 1 | 3.5 | 1 | 1 |
| 1 | 1 | 6 | 1 |
Браузери
У таблиці браузерів застосовуються такі позначення.
- — елемент повністю підтримується браузером;
- — елемент браузером не сприймається та ігнорується;
— при роботі можлива поява різних помилок, або елемент підтримується з застереженнями.
Число вказує версію браузреа, починаючи з якою елемент підтримується.