4个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<style>
.txt{
color:#ccc;
}
.focus{
color:#333;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
var str="我是灰色文字";
$(".txt").val(str);
$(".txt").focus(function(){
var v=this.value;
if(v == str){
$(this).val("").addClass("focus");
}
}).blur(function(){
var v=this.value;
if(v == ""){
$(this).val(str).removeClass("focus");
}
});
});
</script>
</head>
<body>
<input class="txt" type="text" value="我是灰色文字"/>
</body>
</html>
//本着严谨的思想，还是修改下
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<input name="name" type="text" value="默认内容" onfocus="if (value =='默认内容'){value =''}" onblur="if (value ==''){value='默认内容'}" />
这个如果内容为空，点击外面就会变成你的默认内容，
如果想要点击后，默认内容消失，就算点击外面也不会回来，则用下面这个
<input name="name" type="text" value="默认内容" onfocus="if (value =='默认内容'){value =''}"/>
这个如果内容为空，点击外面就会变成你的默认内容，
如果想要点击后，默认内容消失，就算点击外面也不会回来，则用下面这个
<input name="name" type="text" value="默认内容" onfocus="if (value =='默认内容'){value =''}"/>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
一句话可以搞定，希望对你有帮助：
<input type="text" value="请输入用户名" onfocus="this.value='';" onblur="this.value='请输入用户名';" />
<input type="text" value="请输入用户名" onfocus="this.value='';" onblur="this.value='请输入用户名';" />
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
我这里有六种样式的示例
给我发邮件 我给你回30628085@qq.com
给我发邮件 我给你回30628085@qq.com
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
