Форми

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

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

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

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

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

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

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

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

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

Відео-урок