Навчитися створювати форми у HTML.
Освоїти основи стилізації форм за допомогою CSS.
Реалізувати базову перевірку даних на стороні клієнта (JavaScript).
Створіть файл form.html.
Додайте форму з такими полями:
Варіант 1 (реєстрація):
Ім’я
Пароль
Повтор пароля
Варіант 2 (зворотний зв’язок):
Ім’я
Повідомлення (textarea)
Додайте кнопку “Надіслати” (<button type="submit">).
Створіть файл style.css та підключіть його до сторінки.
Застосуйте базове оформлення:
кольори та шрифти (фон, заголовок, кнопки),
відступи та вирівнювання елементів,
ефект наведення (hover) на кнопку.
Використайте селектори класів і псевдокласи (:hover, :focus).
Створіть файл script.js та підключіть його до сторінки.
Додайте перевірку введення:
Поля “Ім’я” та “Повідомлення” не можуть бути порожні.
Email повинен відповідати формату (перевірка через регулярний вираз).
Пароль має бути мінімум 6 символів (якщо є).
Повтор пароля має збігатися з основним.
Якщо дані некоректні — відобразити повідомлення під полем або alert.
Якщо все добре — показати повідомлення “Форма успішно відправлена!”.
Створіть гілку lab2.
Додайте файли form.html, style.css, script.js.
Зробіть коміт із повідомленням feat: add form with validation.
Об’єднайте гілку з main.
Посилання на репозиторій GitHub/GitLab.
Файли:
form.html
style.css
script.js
.gitignore (якщо потрібно)
README.md з описом роботи.
Скриншоти прикладів роботи:
успішне відправлення,
помилки валідації.
HTML-форма з усіма полями — 20 балів.
Оформлення CSS (мінімум 3 стилі: фон, кнопки, відступи) — 20 балів.
Перевірка даних у JS (мінімум 3 правила) — 30 балів.
Правильна робота форми (успіх + помилки) — 20 балів.
Git-репозиторій і README.md — 10 балів.