Để bật/tắt hiển thị mật khẩu với JavaScript, mã như sau:
Ví dụ
<!DOCTYPE html> <html> <head> <h1>Ví dụ hiển thị mật khẩu</h1> Mật khẩu: <input type="password" value="abcd@1234" id="inputPass" /><br /><br /> <input class="check" type="checkbox" />Hiện mật khẩu <h2>Nhấn vào ô kiểm tra trên để xem mật khẩu dưới dạng văn bản</h2> <script> document.querySelector(".check").addEventListener("click", showPass); function showPass() { var inputPassEle = document.getElementById("inputPass"); if (inputPassEle.type === "password") { inputPassEle.type = "text"; } else { inputPassEle.type = "password"; } } </script> </body> </html>
Kết quả
Mã trên sẽ cho ra kết quả sau:
Khi tích ô hiển thị mật khẩu:
