แบบฝึกเปลี่ยนสภาพการแสดงรหัสผ่าน

ใช้ JavaScript เปลี่ยนสภาพการแสดงรหัสผ่าน。

รหัสผ่าน：

แสดงรหัสผ่าน

เปลี่ยนสภาพการแสดงรหัสผ่าน

ขั้นที่ 1 - เพิ่ม HTML：

<!-- ฟิลด์รหัสผ่าน -->
Password: <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";
  }
}

ลองเดาเอง