| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 3.0 + | 1.0 + | 4.0 + | 1.0 + | 1.0 + | 1.0 + | 1.0 + |
Специфікація
| HTML: | 3.2 | 4.01 | 5.0 | XHTML: | 1.0 | 1.1 |
Опис
Тег <form> встановлює форму на веб-сторінці. Форма призначена для обміну даними між користувачем і сервером. Область застосування форм не обмежена відправкою даних на сервер, за допомогою клієнтських скриптів можна отримати доступ до будь-якого елементу форми, змінювати його і застосовувати на власний розсуд.
Документ може містити будь-яку кількість форм, але одночасно на сервер може бути відправлена тільки одна форма. З цієї причини дані форм повинні бути незалежні один від одного.
Для відправки форми на сервер використовується кнопка Submit, того ж можна домогтися, якщо натиснути клавішу в межах форми. Якщо кнопка Submit відсутній в формі, клавіша імітує її використання.
Коли форма відправляється на сервер, управління даними передається програмі, заданої атрибутом action тега <form> . Попередньо браузер готує інформацію у вигляді пари « ім'я=значення », де ім'я визначається атрибутом name тега <input> , а значення введено користувачем або встановлено в поле форми за умовчанням. Якщо для відправки даних використовується метод GET, то адресний рядок може приймати наступний вигляд.
https://html-css.co.ua/cgi-bin/handler.cgi?nick=%C2%E0%ED%FF+%D8%E0%EF%EE%F7%EA%E8%ED&page=5
Параметри перераховуються після знаку питання, зазначеного після адреси CGI-програми і розділяються між собою символом амперсанда (&). Нелатинські символи перетворюються в шістнадцяткове подання (в формі %HH, де HH — шістнадцятковий код для значення ASCII-символу), пробіл замінюється на плюс (+).
Допускається всередину контейнера <form> поміщати інші теги, при цьому сама форма ніяк не відображається на веб-сторінці, видно тільки її елементи і результати вкладених тегів.
Синтаксис
<form action="URL"> ... </form>
Атрибути
- accept-charset
- Встановлює кодування, в якій сервер може приймати та обробляти дані.
- action
- Адреса програми або документа, який обробляє дані форми.
- autocomplete
- Включає автозаповнення полів форми.
- enctype
- Спосіб кодування даних форми.
- method
- Метод протоколу HTTP.
- name
- Ім'я форми.
- novalidate
- Скасовує вбудовану перевірку даних форми на коректність введення.
- target
- Ім'я вікна або фрейму, куди обробник буде завантажувати повертається результат.
Також для цього тега доступні універсальні атрибути і події .
Закриваючий тег
Обов'язковий.
Приклад
HTML5 IE Cr Op Sa Fx
<!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.
