Знакомство с формами / Поле для ввода пароля [7/18]
×

Поле для ввода пароля [7/18]

Мы создаём простую форму входа. Уже есть два поля и связанные с ними подписи. Одно из полей предназначено для ввода пароля, но сейчас оно является простым текстовым полем.

Чтобы сделать его настоящим полем для ввода пароля, в котором текст будет отображаться «звёздочками», нужно просто изменить значение атрибута type на password.


Выполнить задание
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> <label for="password-field">Ваш пароль</label> <input type="text" name="password" id="password-field" value="Где же звёздочки?"> </form> </body> </html>
CSS
h1 { font-size: 18px; }
HTML Academy
  1. Поменяйте у поля ввода пароля тип поля на password.
Теория Проверить Следующее задание
Идёт запись на курс Базовый HTML и CSS #16, который стартует 16 января.

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

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

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

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