Следующий HTML-код при отображении в Edge (Windows) отображает кнопку «показать пароль» в поле:
Password: <input type = "password" />
Однако в Chrome этого не происходит:
Есть ли какой-нибудь способ включить такое поведение для наших пользователей (возможно, с помощью какого-либо атрибута HTML или правила CSS)? Или единственный способ заставить эту функциональность работать в разных браузерах — это по-прежнему разрабатывать ее самостоятельно?
Я думаю, что «кнопка раскрытия» была оригинальной функцией Edge. Но я нашел несколько старых источников, в которых говорилось, что эта функция появится и в других браузерах Chromium:
... но прошло 5 лет, и такая функция, похоже, не включена по умолчанию в Chrome. Кто-нибудь знает, был ли он когда-либо выпущен для стабильных сборок Chrome? Может быть, по умолчанию он не включен, но есть способ включить его для определенных полей?
«Или единственный способ заставить эту функциональность работать в разных браузерах — это по-прежнему разрабатывать ее самостоятельно?» В настоящее время да.
@phuzi Конечно, я просто хотел ограничить объем вопроса, сделав его более конкретным :) Меня интересуют и другие браузеры, и в идеале какой-то стандарт HTML, позволяющий его включить (если он существует).
В текущей спецификации об этом ничего нет. См. также документацию MDN по вводу пароля






ТЛ: ДР; Вам (в настоящее время) придется реализовать это самостоятельно.
В спецификации не так уж много информации о том, как следует отображать ввод пароля, кроме скрытия значения (выделено мной):
Элемент ввода представляет собой однострочный элемент управления простым текстом для редактирования значения элемента. Пользовательский агент должен скрывать значение, чтобы его не могли видеть другие люди, кроме пользователя.
Способ сокрытия пароля также не указан.
Не забывайте, что в других браузерах также может отсутствовать кнопка «показать пароль». Дело не только в Chrome, есть и другие браузеры. Не забывайте, что Chrome тоже не всегда Chrome (глядя на вас, Apple)!