Вивчайте Завдання: Створення Форми з Полями Введення та Мітками

Мета

Покращення взаємодії користувача з сайтом шляхом створення інтерактивної форми, яка вимагає введення імені, електронної пошти та пароля з відповідними мітками.

Завдання

Додайте просту, зручну для користувача форму на вашу сторінку. Дотримуйтесь наступних вимог:

Поле для імені
- Використати текстове поле вводу.
- Встановити placeholder на John.
- Зробити це поле активним за замовчуванням (autofocus).
Поле для електронної пошти
- Використати поле вводу типу email.
- Встановити placeholder на example@gmail.com.
- Позначити поле як обов'язкове.
Поле для пароля
- Використати поле вводу типу password.
- Зробити це поле обов'язковим.

index.html

index.css

autofocus: автоматично встановлює фокус на полі введення при завантаженні сторінки.
required: позначає поле введення як обов'язкове, не дозволяючи відправити форму, якщо воно порожнє.
placeholder: надає підказку або приклад тексту для поля введення.
for та id: пов'язує мітку з полем введення для покращення доступності.
type: визначає тип даних, які очікуються у полі введення (наприклад, text, email, password).

index.html

index.css

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

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

Секція 5. Розділ 6

Запитати АІ

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Свайпніть щоб показати меню

Мета

Завдання

Додайте просту, зручну для користувача форму на вашу сторінку. Дотримуйтесь наступних вимог:

Поле для імені
- Використати текстове поле вводу.
- Встановити placeholder на John.
- Зробити це поле активним за замовчуванням (autofocus).
Поле для електронної пошти
- Використати поле вводу типу email.
- Встановити placeholder на example@gmail.com.
- Позначити поле як обов'язкове.
Поле для пароля
- Використати поле вводу типу password.
- Зробити це поле обов'язковим.

index.html

index.css

autofocus: автоматично встановлює фокус на полі введення при завантаженні сторінки.
required: позначає поле введення як обов'язкове, не дозволяючи відправити форму, якщо воно порожнє.
placeholder: надає підказку або приклад тексту для поля введення.
for та id: пов'язує мітку з полем введення для покращення доступності.
type: визначає тип даних, які очікуються у полі введення (наприклад, text, email, password).

index.html

index.css

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

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

Секція 5. Розділ 6