เพื่อ Toggle Password Visibility ด้วย JavaScript โค้ดมีดังนี้
ตัวอย่าง
<!DOCTYPE html> <html> <head> <h1>Password visibility example</h1> Password: <input type="password" value="abcd@1234" id="inputPass" /><br /><br /> <input class="check" type="checkbox" />Show Password <h2>Click on the above checkbox to see your password as text</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>ผลลัพธ์
โค้ดข้างต้นจะสร้างผลลัพธ์ดังนี้
เมื่อติ๊ก Checkbox Show Password
