Челендж: Input та Label

🏁 Мета

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

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

• Для Input імені: Створіть текстове поле для введення імен користувачів. Використовуйте правильні атрибути, щоб забезпечити безперебійну роботу;
  1. Визначте відповідний type для текстового input;
  2. Встановіть placeholder на John;
  3. Переконайтеся, що input за замовчуванням сфокусовано.
• Для Input електронної пошти: Створіть поле для введення електронної пошти, яке збирає адреси електронної пошти користувачів. Забезпечте точність даних за допомогою відповідних атрибутів;
  1. Визначте правильний type для email-вводу;
  2. Встановіть placeholder на example@gmail.com;
  3. Позначте поле як необхідне.
• Для Input пароля: Створіть безпечне поле для введення пароля, яке захистить дані користувача. Використовуйте відповідні атрибути для покращення захисту даних.
  1. Визначте правильний type для input пароля;
  2. Зробіть поле обов'язковим для заповнення.

1. autofocus: Aвтоматично фокусується на input під час завантаження сторінки;
2. required: Позначає input як обов’язкове, запобігаючи надсиланню форми, якщо залишити його порожнім;
3. placeholder: Надає підказку або приклад тексту для input;
4. for та id: Пов’язує label з input для кращої доступності;
5. type: Визначає тип даних, які очікуються в input (наприклад, text, email, password).