/html/input/type/password:> Поле ввода пароля_

Значение password

Синтаксис

HTML
XHTML
<input type="password">

Описание

Тип password (от англ. "password" ‒ «пароль») создаёт поле ввода пароля.

Внешний вид

  • Внешний вид поля ввода пароля ‒ поле ввода пароля;
  • Внешний вид поля ввода пароля с наведённым на него курсором ‒ наведение курсора;
  • Внешний вид поля ввода пароля с фокусом ‒ фокус.

Примечание

Символы вводимые в поле ввода пароля, как правило, браузерами (в целях безопасности) отображаются в виде звёздочек («*»).


Поддержка браузерами

Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.

Спецификация


Сопутствующие атрибуты

autocomplete
Автозаполнение значения поля ввода пароля.
autofocus
Автоматческая фокусировка на поле ввода пароля после полной загрузки страницы.
disabled
Блокировка поля ввода пароля.

Внешний вид заблокированного поля ввода пароля disabled="disabled"

Внешний вид заблокированного поля ввода пароля со значением disabled="disabled" value="password"

form
Присоединение поля ввода пароля к форме.
maxlength
Задаёт максимально-допустимое количество вводимых символов.
minlength
Задаёт минимально-допустимое количество вводимых символов.
name
Присваивает имя полю ввода пароля.
pattern
Устанавливает критерий/шаблон ввода.
placeholder
Указывает текст-подсказку для пустого поля.

Внешний вид поля ввода пароля с подсказкой placeholder="Текст-подсказка"

readonly
Указывает, что поле ввода пароля доступно только для чтения (изменение/редактирование запрещено).
required
Указывает что поле ввода пароля обязательно для заполнения.
size
Задаёт ширину поля ввода пароля по количеству вводимых символов.

Внешний вид поля ввода пароля шириной в 10 символов size="10"

value
Указывает значение числового поля, отправляемое на сервер.

Примечание: Данный атрибут должен иметь значение, которое не содержит символов «LF» ПЕРЕВОД СТРОКИ [U+000A] или «CR» ВОЗВРАТ КАРЕТКИ [U+000D].

Внешний вид поля ввода пароля с введённым значением value="password"

Глобальные атрибуты
accesskey, class, contenteditable, contextmenu, data-*, dir, draggable, dropzone, hidden, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang

Пример использования

Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Значение password (input-type)</title>
</head>
<body>
<h1>Пример с полем ввода пароля формы "type=password"</h1>
<form action="/examples/php-scripts/user.php" method="post">
<table> <tbody>
<tr> <td>Логин:</td> <td><input type="text" name="user" placeholder="user"></td> </tr>
<tr> <td>Пароль:</td> <td><input type="password" name="pass" placeholder="password"></td> </tr>
<tr> <td></td> <td><input type="reset"> <input type="submit"></td> </tr>
</tbody> </table>
</form>
</body>
</html>
Значение password (input-type)