3个回答
展开全部
我以前用的一个方法
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("input[type=text]").focus(function () {
$(this).hide();
$("input[type=password]").show().focus();
})
$("input[type=password]").blur(function () {
if ($(this).val()=="") {
$(this).hide();
$("input[type=text]").show();
}
})
});
</script>
</head>
<body>
<div>
<input type="text" value="请输入密码" style="width:150px; height:20px;"/><input type="password" style="width:150px; height:20px;display: none;" /></div>
</body>
</html>
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("input[type=text]").focus(function () {
$(this).hide();
$("input[type=password]").show().focus();
})
$("input[type=password]").blur(function () {
if ($(this).val()=="") {
$(this).hide();
$("input[type=text]").show();
}
})
});
</script>
</head>
<body>
<div>
<input type="text" value="请输入密码" style="width:150px; height:20px;"/><input type="password" style="width:150px; height:20px;display: none;" /></div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
现代浏览器 支持 placeholder 属性 即可实现你要的效果 ie浏览器不支持
例如
<input type="text" placeholder="请输入密码" />
例如
<input type="text" placeholder="请输入密码" />
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<input type="text" value="please input password" onfocus="psw(this)" onblur="txt(this)"/>
function psw(el) {
if (el.value == 'please input password') {
el.value = '';
el.type = 'password';
}
}
function txt(el) {
if (!el.value) {
el.type = 'text';
el.value = 'please input password';
}
}
function psw(el) {
if (el.value == 'please input password') {
el.value = '';
el.type = 'password';
}
}
function txt(el) {
if (!el.value) {
el.type = 'text';
el.value = 'please input password';
}
}
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
