Поле для пароля
Часть раздела Fundamentals путешествия по HTML на Coddy — урок 38 из 60.
В HTML поле пароля — это тип поля ввода, используемый для сбора паролей от пользователей.
Это поле похоже на обычное текстовое поле ввода, но символы, вводимые в поле пароля, маскируются, обычно отображаясь в виде звездочек или точек. Это сделано для того, чтобы другие не могли увидеть пароль во время его ввода.
Чтобы создать поле пароля, используйте тег <input> с атрибутом type, установленным в "password".
Вот базовый синтаксис для создания поля пароля в HTML:
<input type="password" name="passwordfield">
Задание
ЛегкоСоздайте HTML-документ, содержащий form с полем для пароля. Поле пароля должно иметь name со значением "userpassword", type со значением "password" и плейсхолдер с текстом "Enter your password". Установите максимальную длину поля пароля в 20 символов.
Шпаргалка
Поле пароля — это поле ввода, которое маскирует вводимые символы (отображаемые в виде звездочек или точек), чтобы скрыть пароли от посторонних глаз.
Создайте поле пароля, используя тег <input> с атрибутом type="password":
<input type="password" name="passwordfield">Можно использовать дополнительные атрибуты:
placeholder— отображает текст-подсказкуmaxlength— ограничивает количество символов
<input type="password" name="userpassword" placeholder="Enter your password" maxlength="20">Попробуйте сами
<!DOCTYPE html>
<html>
<body>
<!-- Напишите код здесь -->
</body>
</html>
Проверьте себяВ этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Fundamentals
1Основы HTML
Что такое HTML?Базовая структура HTMLТеги и элементыВложенность и закрывающие тегиКомментарии в HTML7Страница личного профиля
Обзор проектаСекция Header
Фото профиляСекция «Обо мне»Ссылки на социальные сети2Текст и форматирование
ЗаголовкиАбзацыПереносы строкЖирный и курсивный текстСнова жирный и курсивныйПовторение — форматирование8Формы и поля ввода, часть 1
Основы формТекстовые поля вводаАтрибуты полей вводаПоле для пароляМетки для полей вводаПовторение — основы форм11Страница регистрации на мероприятие
Обзор проектаСекция HeaderСекция деталей мероприятияФорма регистрацииСекция Footer9Формы и элементы ввода. Часть 2
РадиокнопкиЧекбоксыВыпадающие спискиКнопкиКнопки в формахПовторение — Формы №1Повторение — Формы №2