HTML Атрибути форми
В цьому розділі описуються різні атрибути HTML елементу <form>.
Атрибут Action
Атрибут action визначає дію, яка має бути виконана при надсиланні форми.
Зазвичай дані форми надсилаються в файл на сервері, коли користувач натискає кнопку надсилання.
В наведеному нижче прикладі дані форми надсилаються в файл з іменем "action_page.html". Цей файл містить серверний скрипт (зазвичай на мові PHP), який обробляє дані форми:
Приклад
При надсиланні відправте дані форми за адресою "action_page.html":
<form action='/action_page.html'>
<label for="fname">Ім’я:</label><br>
<input type="text" id="fname" name="fname" value="John"><br>
<label for="lname">Прізвище:</label><br>
<input type="text" id="lname" name="lname" value="Doe"><br><br>
<input type="submit" value="Відправити">
</form>
Спробуйте самі »
Примітка: Якщо атрибут action опущений, action встановлюється на поточну сторінку.
Атрибут Target
Атрибут target вказує, де відображати відповідь, отриману після надсилання форми.
Атрибут target може мати одне з наступних значень:
| Значення | Опис |
|---|---|
| _blank | Відповідь відображається в новому вікні або вкладці |
| _self | Відповідь відображається в поточному вікні |
| _parent | Відповідь відображається в батьківському фреймі |
| _top | Відповідь відображається в усьому вікні |
| framename | Відповідь відображається у вказаному фреймі |
Значення за замовчуванням _self, що означає, що відповідь відкриється в поточному вікні.
Приклад
Тут відправлений результат відкриється в новій вкладці браузера:
<form action='/action_page.html' target='_blank'>
Спробуйте самі »
Атрибут Method
Атрибут method визначає метод HTTP, який буде використовуватися при надсиланні даних форми.
Дані форми можуть бути відправлені як змінні URL (з method="get") або як HTTP post транзакція (з method="post").
Метод HTTP за замовчуванням при надсиланні даних форми - GET.
Приклад
В цьому прикладі використовується метод GET при надсиланні даних форми:
<form action='/action_page.html' method='get'>
Спробуйте самі »
Приклад
В цьому прикладі використовується метод POST при надсиланні даних форми:
<form action='/action_page.html' method='post'>
Спробуйте самі »
Примітка до GET:
- Додає дані форми до URL-адреси в парах ім’я/значення
- НІКОЛИ не використовуйте GET для надсилання конфіденційних даних! (надіслані дані форми видно в URL!)
- Довжина URL обмежена (2048 символів)
- Корисно для надсилання форм, коли користувач хоче додати результат в закладки
- GET підходить для незахищених даних, таких як рядки запиту в пошуку Google
Примітка до POST:
- Додає дані форми в тіло HTTP-запиту (відправлені дані форми не відображаються в URL-адресі)
- POST не має обмежень в розмірі та може використовуватися для надсилання великих об’ємів даних.
- Надіслані форми за допомогою POST неможливо помітити закладками
Порада: Завжди використовуйте POST, якщо дані форми містять конфіденційну або особисту інформацію!
Атрибут Autocomplete
Атрибут autocomplete вказує, чи повинна форма мати автозаповнення або off (відключено).
Коли автозаповнення включено, браузер автоматично заповнює значення на основі значень, які користувач ввів раніше.
Приклад
Форма з автозаповненням на:
<form action="/action_page.html" autocomplete="on">
Спробуйте самі »
Атрибут Novalidate
Атрибут novalidate - це логічний атрибут.
Коли присутній, він вказує, що дані форми (введення) не повинні перевірятися при надсиланні.
HTML Вправи
Список всіх атрибутів <form>
| Атрибут | Опис |
|---|---|
| accept-charset | Визначає кодування символів, що використовуються для надсилання форми |
| action | Визначає, куди надсилати дані форми при надсиланні форми |
| autocomplete | Визначає, чи повинно автозаповнення форми включатися або виключатися |
| enctype | Визначає, як мають бути закодовані дані форми при їх надсиланні на сервер (тільки для method="post") |
| method | Визначає метод HTTP для використання при надсиланні даних форми |
| name | Задає ім’я форми |
| novalidate | Вказує, що форма не повинна перевірятися при надсиланні |
| rel | Визначає зв’язок між пов’язаним ресурсом і поточним документом |
| target | Вказує, де відображати відповідь, отриману після надсилання форми |
