Зміст курсу
Основи HTML
Основи HTML
Форми
Форми
Форми є ключовим інструментом для збору введених користувачем даних та їх відправки на сервер для обробки. Вони складаються з різних елементів форми, які дозволяють користувачам вводити дані. Однак у цьому курсі ми не будемо відправляти жодні дані на сервер, оскільки це вимагає додаткових знань, які виходять за рамки цього курсу.
Усі приклади в коді мають атрибут onsubmit="return false"
. Цей атрибут за замовчуванням запобігає відправленню форми на сервер.
Створення форм
Тег <form>
використовується для створення інтерактивної форми на веб-сторінці. Він містить різні елементи форми для введення даних користувачем.
Приклад:
<form>
<!-- Form elements go here -->
</form>
Елементи форми
HTML надає різні типи введення для збору даних користувача. Кожен має специфічні атрибути та поведінку. Також ми можемо вказати мітку для кожного введення. Мітки використовуються для асоціації тексту з елементами введення форми, забезпечуючи більш доступний та зручний досвід для користувача. Ми обговоримо мітки та введення детально в наступних розділах.
Приклад:
<form>
<label for="username">Username:</label>
<input type="text" id="username" name="username" placeholder="Your username" />
<label for="password">Password:</label>
<input type="password" id="password" name="password" placeholder="********" />
</form>
Надсилання форми
Надсилання форми активується кнопкою відправки (<button type="submit">
), яка може відправити дані форми на сервер для обробки.
Приклад:
<form>
<label for="username">Username:</label>
<input type="text" id="username" name="username" placeholder="Your username" />
<label for="password">Password:</label>
<input type="password" id="password" name="password" placeholder="********" />
<button type="submit">Submit</button>
</form>
Ось базовий приклад форми.
index.html
Відео-урок
Дякуємо за ваш відгук!