Форми

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

Усі приклади в коді мають атрибут onsubmit="return false". Цей атрибут за замовчуванням запобігає відправленню форми на сервер.

Створення форм

Тег <form> використовується для створення інтерактивної форми на веб-сторінці. Він містить різні елементи форми для введення даних користувачем.
Приклад:

html
Скопіювати код

Елементи форми

HTML надає різні типи введення для збору даних користувача. Кожен має специфічні атрибути та поведінку. Також ми можемо вказати мітку для кожного введення. Мітки використовуються для асоціації тексту з елементами введення форми, забезпечуючи більш доступний та зручний досвід для користувача. Ми обговоримо мітки та введення детально в наступних розділах.
Приклад:

html
Скопіювати код

Надсилання форми

Надсилання форми активується кнопкою відправки (<button type="submit">), яка може відправити дані форми на сервер для обробки.
Приклад:

html
Скопіювати код

Ось базовий приклад форми.

Відео-урок