Що таке form в HTML5?
HTML тег
<form> є неймовірно корисним тегом, використання якого дозволяє створювати різноманітні форми на сайті. Сам по собі тег не створює форму з полями або чекбоксами. Все що він робить, це поєднує різні поля (input) разом і за допомогою клієнтських скриптів або серверних ви можете отримати інформацію з кожного поля окремо і працювати з нею на ваш розсуд: додати в базу даних, записати в файл на сервері і так далі. Вимагає тег, що закриває </form>.Варто знати: На сайтах часто є не одна форма, а відразу кілька. Ви можете поставити будь-яку кількість таких форм на сайті, але передавати одночасно на сервер можливо лише одну з них.
Ще одним додатковим плюсом є використання клавіші
Enter. Щоб відправити форму ви можете натиснути на відповідну кнопку в ній або просто на кнопку Enter, що звичайно набагато простіше.Під час передачі даних на сервер усю інформацію ви можете отримати двома методами: GET або ж POST. Докладніше про все це ви дізнаєтесь коли приступите до вивчення серверної мови програмування, наприклад PHP.
Атрибути:
name- Ім'я для форми. Пізніше по цьому імені ви зможете звертатися до елементів у формі та брати їх значення;method- метод надсилання даних на сервер. можливо GET або ж POST;target- будь-який об'єкт або область на сторінці сайту, куди в результаті виконання форми будуть надсилатися результати її виконання;enctype- цей атрибут дозволяє вказати спосіб кодування інформації у формі;novalidate- можливість відзначити перевірку на валідність (правильність) форми за умовчанням;autocomplete- у формі є можливість автозаповнення деяких полів. За допомогою цього атрибуту таке автозаповнення буде вимкнено;accept-charset- можна встановити необхідне кодування. Наприклад, accept-charset="utf-8" означає, що дані на сервері будуть прийматися і оброблятися в цьому кодуванні;action- тут вказується сторінка сайту, на якій відбуватиметься обробка форми після натискання на кнопку "Надіслати". Також цей атрибут може мати пусте значення. У такому випадку обробка форми відбуватиметься на цій сторінці.
Приклад:
<h2>Форма відправки за допомогою тега Form</h2>
<form method="get" action="" name="mailForm">
<label for="name">Ваше ім'я</label>
<input type="text" id="name" name="name" placeholder="Введіть ім'я"><br>
<label for="email">Email</label>
<input type="email" id="email" name="email" placeholder="Введіть email"><br><br>
<label for="mess">Повідомлення</label><br>
<textarea id="mess" name="mess" placeholder="Введіть повідомлення"></textarea><br>
<input type="submit" value="Надіслати">
</form>Результат:
Форма відправки за допомогою тега Form
Коментарі
