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

JavaScript 文本框变成密码框

2011-11-29 13:52 190 查看

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Test</TITLE>
<script type="text/javascript">
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)">
</BODY>
</HTML>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航