<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="viewport" content="width=device-width">
<title>Form Check</title>
<style type="text/css">
* {margin:4px;
padding:0px;
border:0px;
outline:0px;
outline:none;
box-sizing:border-box;
font:normal 16px/1.0 sans-serif;
}
input {margin:4px;
padding:4px;
color:#000000;
background:#FDFDFD;
border:1px solid #000000;
}
</style>
<script type="text/javascript">
function test() {var p=document.getElementById("pass");var c=document.getElementById("chec");p.type=(c.checked) ? "text" : "password";
}
</script>
</head>
<body>
<form>
<label for="chec">Ver el Password</label>
<input type="checkbox" id="chec" name="chec" onclick="test()">
<input type="password" id="pass" name="pass">
<input type="button" value="Envía" onclick="document.write(pass.value)">
</form>
</body>
</html>
Crear cuenta
