How To - 비밀번호 표시 전환

w3.css

비밀번호 표시 전환

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";
  }
}

기본 예시

예제 보기