Знакомство с формами / Добавим ещё одно поле [6/18]
×

Добавим ещё одно поле [6/18]

Пришло время добавить в форму ещё одно поле.

Сделайте это по всем правилам хорошего тона: помимо имени задайте полю идентификатор, добавьте подпись к полю и свяжите их.

Мы могли бы связать поле и подпись, просто обернув их в тег <label>. Но в этом задании мы тренируем более сложный вариант — с использованием id и for.

Выполнить задание
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Добавим ещё одно поле</title> </head> <body> <h1>Форма входа</h1> <form action="https://echo.htmlacademy.ru" method="post"> <label for="login-field">Ваш логин</label> <input type="text" name="login" id="login-field"> <br><br> <!-- добавьте подпись сюда --> <!-- добавьте поле сюда --> </form> </body> </html>
CSS
h1 { font-size: 18px; }
HTML Academy
  1. Добавьте второе текстовое поле с именем password и идентификатором password-field после первого поля.
  2. Добавьте подпись Ваш пароль и свяжите её со вторым полем с помощью атрибута for.
Теория Проверить Следующее задание
Идёт запись на курс Базовый HTML и CSS #16, который стартует 16 января.

Обсуждение и комментарии

Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.

Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.

Перейти на форум или открыть комментарии.