Оновлено: 19.05.2025

form

<form>

Елемент <form> (від англ. form -форма) встановлює форму на вебсторінці. Форма призначена для обміну даними між користувачем та сервером. Область застосування форм не обмежена надсиланням даних на сервер, за допомогою клієнтських скриптів можна отримати доступ до будь-якого елемента форми, змінювати його та застосовувати на власний розсуд.

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

Для надсилання форми на сервер використовується кнопка Submit, того ж можна досягти, якщо натиснути клавішу Enter у межах форми. Якщо кнопка Submit відсутня у формі, клавіша Enter імітує її використання.

Коли форма надсилається на сервер, керування даними передається програмі, заданій атрибутом action елемента <form>. Попередньо браузер готує інформацію у вигляді пари "ім'я=значення", де ім'я визначається атрибутом name елемента <input>, а значення введено користувачем або встановлено в полі за промовчанням. Якщо для надсилання даних використовується метод GET, то адресний рядок може набувати наступного вигляду.
 

http://www.website.ua/handler...

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

Допускається всередину контейнера <form> поміщати інші елементи, причому сама форма ніяк не відображається на вебсторінці, видно тільки елементи всередині неї.

 

 

Синтаксис

<form>
...
</form>

 

 

Закриваючий тег

Обов'язковий

 

 

Атрибути

 

Атрибут actionАтрибут action

Адреса програми або документа, який опрацьовує ці форми.

Атрибут accept-charsetАтрибут accept-charset

Встановлює кодування, в якому сервер може приймати та опрацьовувати дані.

Атрибут autocompleteАтрибут autocompleteHTML5

Включає автозаповнення полів форми.

Атрибут enctypeАтрибут enctype

Спосіб кодування даних форми.

Атрибут methodАтрибут method

Метод протоколу HTTP.

Атрибут nameАтрибут name

Ім'я форми.

Атрибут novalidateАтрибут novalidateHTML5

Скасовує вбудовану перевірку даних форми на предмет правильності введення.

Атрибут targetАтрибут target

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

Також для цього елемента доступні універсальні атрибути та події.
 

 

Приклад

<!DOCTYPE HTML>
<html>
  <head>
   <metacharset="utf-8">
   <title>FORM</title>
  </head>
  <body>
  <form action="handler.php">
   <p><b>How do you think the abbreviation "OS" stands for?</b></p>
   <p><input type="radio" name="answer" value="a1">Officers<Br>
   <input type="radio" name="answer" value="a2">Operating system<Br>
   <input type="radio" name="answer" value="a3">Big striped fly</p>
   <p><input type="submit"></p>
  </form>
  </body>
</html>