使用javascript控制密码框获取焦点时文字消失,失去焦点时文字出现

来源:互联网 发布:网络被劫持是什么意思 编辑:程序博客网 时间:2024/05/17 21:57

效果参见http://jiuye.jikexueyuan.com/task/108-4作业第二题

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>密码输入框</title></head><body>    <form method="post" action="">        <input type="text" name="password" class="password" id="password" value="Please input password">    </form></body><script type="text/javascript" src="pwd.js"></script></html>

JavaScript

var password = document.getElementById("password");password.onfocus = function() {    if(password.getAttribute("type") != "password") {        password.value = "";        password.setAttribute("type", "password");    }}password.onblur = function() {    if(password.value.length < 1) {        password.setAttribute("type", "text");        password.value = "Please input password";    }}

0 0