Поле для пароля — обычное текстовое поле, но отличается от него тем, что все вводимые символы отображаются звездочками, точками или другими знаками (это зависит от браузера и операционной системы). Поле предназначено для того, чтобы никто не подглядел вводимый пароль.
Синтаксис создания следующий.
<input type="password">Атрибуты практически совпадают с атрибутами текстового поля и перечислены в табл. 1.
| Атрибут | Описание |
|---|---|
| name | Имя поля, предназначено для того, чтобы обработчик формы мог его идентифицировать. |
| disabled | Блокирует поле для ввода пароля и не отправляет данные на сервер. |
| form | Идентификатор формы для связывания поля с паролем с элементом <form>. |
| type | Для поля с паролем мы указываем значение password. |
| maxlength | Устанавливает максимальное число символов, которое может быть введено пользователем в поле. Когда это количество достигается при наборе, дальнейший ввод становится невозможным. Если данный атрибут опустить, то можно вводить длинный пароль. |
| readonly | Блокирует поле для ввода пароля. |
| size | Ширина поля, которая определяется числом символов моноширинного шрифта. |
| value | Начальный пароль, который выводится в поле, но не отображается как текст. |
| autocomplete | Введённый ранее пароль запоминается браузером и подставляется при следующем вводе. |
| autofocus | Поле получает фокус после загрузки документа. |
| pattern | Шаблон ввода пароля. |
| required | Указывает, что пароль является обязательным для заполнения. |
| placeholder | Добавляет подсказку, которая исчезает при вводе пароля. |
Создание поля для ввода пароля показано в примере 1.
Пример 1. Поле с паролем
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Поле с паролем</title>
</head>
<body>
<form action="handler.php">
<p><strong>Логин:</strong>
<input maxlength="25" size="40" name="login"></p>
<p><strong>Пароль:</strong>
<input type="password" maxlength="25" size="40" name="password"></p>
<p><input type="submit" value="Войти"></p>
</form>
</body>
</html>В результате получим следующее (рис. 1).
Рис. 1. Вид поля с паролем
Следует помнить, что хотя пароль в браузере и не виден, но на сервер по протоколу HTTP он передаётся незашифрованным и его можно перехватить. Также пароль, заранее заданный в атрибуте value, можно подсмотреть в исходном коде веб-страницы или с помощью специальных плагинов.