Узнать, как создать переключатель видимости пароля используя HTML, CSS и JavaScript.
Переключатель видимости пароля
Пароль:Показать пароль
Создать переключатель видимости пароля
Шаг 1) Добавить HTML:
<!-- Поле пароля -->
Пароль: <input type="password" value="FakePSW" id="myInput">
<!-- Элемент для переключения между видимостью пароля -->
<input type="checkbox" onclick="myFunction()">Показать пароль
Шаг 2) Добавить JavaScript:
function myFunction() {
var x = document.getElementById("myInput");
if (x.type === "password") {
x.type = "text";
} else {
x.type = "password";
}
}
Попробуйте сами »