Поле для пароля
Поле для пароля — обычное текстовое поле, но отличается от него тем, что все вводимые символы отображаются звездочками, точками или другими знаками (это зависит от браузера и операционной системы). Поле предназначено для того, чтобы никто не подглядел вводимый пароль.
Синтаксис создания следующий.
<input type="password">
Атрибуты практически совпадают с атрибутами текстового поля и перечислены в табл. 1.
Атрибут | Описание |
---|---|
name | Имя поля, предназначено для того, чтобы обработчик формы мог его идентифицировать. |
disabled | Блокирует поле для ввода пароля и не отправляет данные на сервер. |
form | Идентификатор формы для связывания поля с паролем с элементом <form>. |
type | Для поля с паролем мы указываем значение password. |
maxlength | Устанавливает максимальное число символов, которое может быть введено пользователем в поле. Когда это количество достигается при наборе, дальнейший ввод становится невозможным. Если данный атрибут опустить, то можно вводить длинный пароль. |
readonly | Блокирует поле для ввода пароля. |
size | Ширина поля, которая определяется числом символов моноширинного шрифта. |
value | Начальный пароль, который выводится в поле, но не отображается как текст. |
autocomplete | Введённый ранее пароль запоминается браузером и подставляется при следующем вводе. |
autofocus | Поле получает фокус после загрузки документа. |
pattern | Шаблон ввода пароля. |
required | Указывает, что пароль является обязательным для заполнения. |
placeholder | Добавляет подсказку, которая исчезает при вводе пароля. |
Создание поля для ввода пароля показано в примере 1.
Пример 1. Поле с паролем
В результате получим следующее (рис. 1).
Рис. 1. Вид поля с паролем
Следует помнить, что хотя пароль в браузере и не виден, но на сервер по протоколу HTTP он передаётся незашифрованным и его можно перехватить. Также пароль, заранее заданный в атрибуте value, можно подсмотреть в исходном коде веб-страницы или с помощью специальных плагинов.
См. также
- <input>
- Выравнивание элементов форм
- Загрузка файлов
- Кнопки
- Кнопки
- Отправка данных формы
- Переключатели
- Переключатели
- Поле для ввода пароля
- Пользовательские формы
- Построение форм
- Скрытое поле
- Стилизация переключателей
- Стилизация флажков
- Сумасшедшие формы
- Текстовое поле
- Текстовое поле
- Флажки
- Флажки
- Формы в Bootstrap 4
- Формы в HTML