Summary  
This chapter explains how to structure and configure HTML forms using the `<form>` element’s attributes (name, autocomplete, novalidate) and child elements (`<input>`, `<label>`, `<button>`) to collect and submit user data.

General domain of usage  
Creating interactive web forms.

Елемент 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.

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

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

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