← Назад до курсу

▸ Як працює веб

▸ Перша веб-сторінка

▸ HTML-елементи та текст

▸ HTML-семантика

▼ HTML форми та медіа

▸ CSS основи та селектори

▸ Блокова модель CSS

▸ CSS позиціонування та Flexbox

▸ CSS типографіка та декор

▸ CSS-анімації та адаптивність

▸ Практика HTML/CSS: верстка проєкту

▸ JavaScript: змінні та типи даних

▸ JavaScript: методи рядків та Math

▸ JavaScript: масиви

▸ JavaScript: об'єкти та JSON

▸ JavaScript: керування потоком та функції

▸ JavaScript та DOM

▸ Node.js основи

▸ Express.js та REST API

▸ SQL та бази даних

▸ CSS Grid: двовимірна розкладка

▸ CSS Custom Properties та теми

▸ JavaScript: Класи та ООП

▸ JavaScript: Обробка помилок

▸ JavaScript: Fetch API та HTTP-запити

▸ JavaScript: Регулярні вирази

▸ npm, package.json та інструменти розробки

▸ Тестування JavaScript з Jest

← До курсу

HTML форми та медіа

Форми та типи полів вводу

📖 Теорія

Форма — головний спосіб збору даних від користувача.

💡 Приклад коду

<form action="/login" method="POST">
  <label for="email">Email:</label>
  <input type="email" id="email" name="email" placeholder="your@email.com" required>

  <label for="pass">Пароль:</label>
  <input type="password" id="pass" name="password" minlength="8">

  <input type="checkbox" id="remember" name="remember">
  <label for="remember">Запам'ятати мене</label>

  <button type="submit">Увійти</button>
</form>

Типи input: text, email, password, number, date, checkbox, radio, file, range, color, hidden.

← Попередній урок Наступний урок →