Поле для пароля

Влад Мержевич

Поле для пароля — обычное текстовое поле, но отличается от него тем, что все вводимые символы отображаются звездочками, точками или другими знаками (это зависит от браузера). Поле предназначено для того, чтобы никто не подглядел вводимый пароль.

Синтаксис создания следующий.

<input type="password" атрибуты>

Атрибуты совпадают с атрибутами текстового поля и перечислены в табл. 1.

Табл. 1. Атрибуты поля с паролем
Атрибут Описание
size Ширина поля с паролем, которая определяется числом звездочек моноширинного шрифта.
maxlength Устанавливает максимальное число символов, которое может быть введено пользователем в поле. Когда это количество достигается при наборе, дальнейший ввод становится невозможным. Если этот атрибут опустить, то можно вводить строку длинее самого поля.
name Имя поля, предназначено для того, чтобы обработчик формы мог его идентифицировать.
value Начальный текст, который выводится в поле. Этот текст не отображается и заменяется звездочками.

Создание поля для пароля показано в примере 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>
  </form>
 </body>
</html>

В результате получим следующее (рис. 1).

Вид поля с паролем в браузере Chrome

Рис. 1. Вид поля с паролем в браузере Chrome

HTML по теме

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.