Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Основи Створення Форм у HTML | HTML-Форми та Введення Користувача
Ultimate HTML
course content

Зміст курсу

Ultimate HTML

Ultimate HTML

1. Розуміння веб-розробки
3. Структура HTML-Документа

book
Основи Створення Форм у HTML

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

Примітка

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

html

index.html

copy

Пояснення атрибутів form:

  • name надає унікальний ідентифікатор для форми на веб-сторінці. Як сервер, так і клієнт використовують цей ідентифікатор для обробки даних форми. Назва форми може містити цифри, підкреслення, дефіси та символи англійського алфавіту, але не повинна містити пробілів;
  • autocomplete визначає, чи можуть веб-браузери автоматично заповнювати поля форми. Може бути встановлений у значення "on" або "off" і застосовується до окремих елементів форми;
  • novalidate вказує, що браузери не повинні виконувати валідацію полів форми. Це може бути корисно, якщо ви бажаєте виконувати перевірку вручну за допомогою JavaScript;
  • method визначає HTTP-метод, який використовується для надсилання даних форми на сервер. Два найпоширеніші методи — GET і POST. Ця тема буде докладно розглянута у курсі з JavaScript.

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

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

question mark

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

Select the correct answer

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 5. Розділ 2
Ми дуже хвилюємося, що щось пішло не так. Що трапилося?
some-alt