您的位置：首页 > Web前端 > JavaScript

【JavaScript】鼠标点在文本框上文本框成密码框，如果不输入，鼠标离开，又变成文本框，文本框内显示”请输入密码“

2012-11-21 09:13 288 查看
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">


<HTML>


<HEAD>


<TITLE> Test </TITLE>


<script>


function show(obj){


if(obj.type=="text"){


obj.style.display = "none";


document.getElementById('pass').style.display = "block";


document.getElementById('pass').value="";


document.getElementById('pass').focus();


}else{


var pass = document.getElementById('pass').value;


if(pass.length<1){


obj.style.display = "none";


document.getElementById('txt').style.display = "block";


}


}


}


</script>


</HEAD>




<BODY>


<input id="txt" type="text" value="请输入密码" onfocus="show(this)" style="width:150px;height:20px">


<input id="pass" type="password" value="" style="display:none;width:150px;height:20px" onblur="show(this)">




<script>






</script>


</BODY>


</HTML>

鼠标点击文本框，此时文本框获得焦点，onfocus事件执行，在js里，将文本框隐藏，显示密码框，同时密码框获得焦点。

鼠标离开密码框，如果没有输入密码，则密码框隐藏，文本框显示。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航