如何用jQ去写类似密码框placeholder的效果
1个回答
展开全部
<html>
<head>
<meta charset="utf-8" />
<script type="text/javascript" src="jquery-1.8.0.js"></script>
</head>
<body>
<input type="text" value="请输入用户名" id="txtUserName" name="txtUserName" />
</body>
<script type="text/javascript">
$(function(){
$("#txtUserName").focus(function(){
if($(this).val()==="请输入用户名")
{
$(this).val("");
}
}).blur(function(){
if($(this).val()==="")
{
$(this).val("请输入用户名");
}
});
});
</script>
</html>
一点小代码，没有加入样式
<head>
<meta charset="utf-8" />
<script type="text/javascript" src="jquery-1.8.0.js"></script>
</head>
<body>
<input type="text" value="请输入用户名" id="txtUserName" name="txtUserName" />
</body>
<script type="text/javascript">
$(function(){
$("#txtUserName").focus(function(){
if($(this).val()==="请输入用户名")
{
$(this).val("");
}
}).blur(function(){
if($(this).val()==="")
{
$(this).val("请输入用户名");
}
});
});
</script>
</html>
一点小代码，没有加入样式
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
