方法-パスワードの可視性を切り替える
JavaScriptを使用してパスワードの表示を切り替えます。
パスワード:
パスワードを表示
パスワードの可視性を切り替える
ステップ1)HTMLを追加します。
例
<!-- Password field -->
Password: <input type="password" value="FakePSW"
id="myInput">
<!-- An element to toggle between password visibility -->
<input type="checkbox" onclick="myFunction()">Show Password
ステップ2)JavaScriptを追加します。
例
function myFunction() {
var x = document.getElementById("myInput");
if (x.type === "password") {
x.type = "text";
} else {
x.type = "password";
}
}