google translate
// show and hide the password
<p>
<label for="">Show Password:</label>
<input type="checkbox" onchange="SHpassword(this)" name="showpassword" id="showpassword" style="width: 20px;height: 20px">
</p>
// script tag
<script>
function SHpassword(x){
var checkbox = x.checked;
if (checkbox) {
document.getElementById("password").type = "text";
document.getElementById("showpassword").textContent = "Hide";
} else {
document.getElementById("password").type = "password";
document.getElementById("showpassword").textContent = "Show";
}
}
</script>