HTML / CSS: как сделать так, чтобы при вводе пароля отображался пароль?

Question

Как вы можете сделать значение в поле пароля видимым? Таким образом, при вводе пароля в поле он будет показывать не черные точки, а фактическое значение, которое вы вводите.

Спасибо!

edit: Хорошо, тогда может возникнуть вопрос: как заставить браузер запомнить значение в этом поле 'password' и рассматривать его как пароль?

Answer 1

Не делайте это поле для пароля, делайте его обычным текстовым полем.

Если вам нужно динамически переключать тип поля, на codingforums.com есть HOWOTO., а также несколько вопросов SO:

• Javascript IE6 / 7/8 изменить тип ввода
• Изменение типа в IE с помощью JavaScript
• Изменение типа ввода Javascript динамически не работает в IE8
• Изменение типа поля ввода с помощью jQuery

Чтобы браузеры сохраняли свое нормальное поведение (сохраняя / не сохраняя пароли), вы можете преобразовать его обратно в поле пароля после отправки.

Answer 2

Как вы можете сделать значение в поле пароля видимым? Таким образом, при вводе пароля в поле он будет показывать не черные точки, а фактическое значение, которое вы вводите.

Вы не можете.

Однако вы можете использовать обычный текстовый ввод, чтобы пользователь мог ввести пароль.

Хотя я бы не советовал - например, браузер может автоматически сохранять все, что вы в него вводите. A autocomplete="off" является обязательным в любом случае.

Справка:

• статья MSDN об элементах ввода в IE; упоминает, что свойство element.value всегда является звездочкой для ввода пароля, даже при обращении к нему из JS

• MDC: Как отключить автозаполнение формы

Answer 3

Тогда это называется паролем? Это просто текстовое поле.

<input type="text" name="password" id="password" />

Редактировать: Хотите ли вы вспомнить мой пароль?

Поэтому, если вы хотите сохранить пароль на стороне клиента, поместите его в файл cookie, а если файл cookie уже установлен, замените поле пароля значением cookie.