Есть ли встроенная функция «показать пароль» для `<input type="password" />` в Chrome?

Следующий HTML-код при отображении в Edge (Windows) отображает кнопку «показать пароль» в поле:

Password: <input type = "password" />

Однако в Chrome этого не происходит:

Есть ли какой-нибудь способ включить такое поведение для наших пользователей (возможно, с помощью какого-либо атрибута HTML или правила CSS)? Или единственный способ заставить эту функциональность работать в разных браузерах — это по-прежнему разрабатывать ее самостоятельно?

Я думаю, что «кнопка раскрытия» была оригинальной функцией Edge. Но я нашел несколько старых источников, в которых говорилось, что эта функция появится и в других браузерах Chromium:

... но прошло 5 лет, и такая функция, похоже, не включена по умолчанию в Chrome. Кто-нибудь знает, был ли он когда-либо выпущен для стабильных сборок Chrome? Может быть, по умолчанию он не включен, но есть способ включить его для определенных полей?

Не забывайте, что в других браузерах также может отсутствовать кнопка «показать пароль». Дело не только в Chrome, есть и другие браузеры. Не забывайте, что Chrome тоже не всегда Chrome (глядя на вас, Apple)!

phuzi 02.04.2024 16:51

«Или единственный способ заставить эту функциональность работать в разных браузерах — это по-прежнему разрабатывать ее самостоятельно?» В настоящее время да.

phuzi 02.04.2024 16:58

@phuzi Конечно, я просто хотел ограничить объем вопроса, сделав его более конкретным :) Меня интересуют и другие браузеры, и в идеале какой-то стандарт HTML, позволяющий его включить (если он существует).

Paweł Bulwan 02.04.2024 16:59
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
1
4
161
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

ТЛ: ДР; Вам (в настоящее время) придется реализовать это самостоятельно.

В спецификации не так уж много информации о том, как следует отображать ввод пароля, кроме скрытия значения (выделено мной):

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

Способ сокрытия пароля также не указан.

Другие вопросы по теме