Summary  
This chapter explains how to define and configure an HTML form element—detailing its key attributes (name, autocomplete, novalidate) and child elements (input, label, button)—to collect and submit user data.

General domain of usage  
Front-end web development

Елемент HTML `<form>` є основним будівельним блоком для створення інтерактивних форм на веб-сторінці. Він слугує контейнером для всіх елементів форми. Розглянемо приклад базової форми:

У всіх прикладах використовується атрибут `onsubmit="return false"` для запобігання стандартній поведінці надсилання форми. Таким чином, увага зосереджена на розумінні створення форм і їх атрибутів.

Примітка

PGZvcm0gbmFtZT0ibG9naW5fZm9ybSIgYXV0b2NvbXBsZXRlPSJvZmYiIG5vdmFsaWRhdGUgb25zdWJtaXQ9InJldHVybiBmYWxzZSI+CiAgPGxhYmVsPgogICAgRW1haWwKICAgIDxpbnB1dCB0eXBlPSJlbWFpbCIgbmFtZT0iZW1haWwiIC8+CiAgPC9sYWJlbD4KCiAgPGxhYmVsPgogICAgUGFzc3dvcmQKICAgIDxpbnB1dCB0eXBlPSJwYXNzd29yZCIgbmFtZT0icGFzc3dvcmQiIC8+CiAgPC9sYWJlbD4KCiAgPGJ1dHRvbiB0eXBlPSJzdWJtaXQiPlN1Ym1pdDwvYnV0dG9uPgo8L2Zvcm0+

**Пояснення атрибутів `form`:**
- `name` ідентифікує форму як для клієнта, так і для сервера. Може містити літери, цифри, підкреслення та дефіси, але без пробілів;
- `autocomplete` керує можливістю автозаповнення полів форми браузером (on або off). Може застосовуватися до форми або окремих полів;
- `novalidate` вимикає вбудовану валідацію браузера, корисно, якщо перевірка виконується вручну за допомогою JavaScript.

### Огляд дочірніх елементів
Усередині `<form>` використовуються різні елементи, які визначають її функціональність. `<input>` дозволяє користувачам вводити дані, такі як текст, числа, електронні адреси та паролі. У прикладі поля використовують `type="email"` і `type="password"`. `<label>` надає описовий текст для полів введення та покращує структуру і доступність форми. `<button type="submit">` надсилає дані форми. За замовчуванням це перезавантажує сторінку, але цю поведінку можна змінити за допомогою JavaScript.


Який HTML-елемент використовується для створення кнопки надсилання форми?

Вивчайте основи HTML (HyperText Markup Language), фундаменту веб-розробки. Цей курс для початківців охоплює теги, атрибути, елементи та структурування веб-сторінок. Отримайте практичні навички створення заголовків, абзаців, списків, зображень, посилань, форм і таблиць. Ознайомтеся з найкращими практиками, оптимізацією та веб-доступністю. Почніть свій шлях у веб-розробці з HTML.

Дослідження принципів роботи вебу. Вивчення шляхів передачі даних через мережі, ознайомлення з роллю протоколів, розкриття суті IP-адрес і доменних імен. Отримання загального уявлення про взаємодію веб-браузерів і серверів для доставки веб-контенту.

Дізнайтеся про можливості тегів для структурування контенту: від заголовків і абзаців до списків і таблиць. Ознайомтеся зі способами розширення елементів за допомогою атрибутів.

Основи структури HTML-документа. Вивчення складових HTML-документа, зокрема декларації doctype, head та body. Розуміння призначення кожного елемента та їхнього внеску в загальну структуру вебсторінки.

Покращення привабливості вебсторінки за допомогою медіа, таких як зображення, аудіо та відео. Робота зі структурованими табличними даними у вигляді таблиць.

Дослідження багатофункціональності HTML-форм. Вивчення проєктування інтуїтивно зрозумілих і зручних для користувача форм із використанням основних концепцій і технік. Ознайомлення з тим, як форми забезпечують взаємодію користувача та надсилання даних на вебсайтах.

Основи створення форм у HTML

Огляд дочірніх елементів