做网页text框的问题
text里面的内容是空的时候，text框里面会会有浅黑色的提示文字，当鼠标点击进text框后提示文字消失，输入内容后提示文字也消失，这个是怎么做的？...
text里面的内容是空的时候，text框里面会会有浅黑色的提示文字，当鼠标点击进text框后提示文字消失，输入内容后提示文字也消失，这个是怎么做的？
展开
2个回答
展开全部
你看，我按照你的说法写了写，用了css和javascript，主要是onfocus()和onblur()方法，分别监听text框的聚焦和失焦事件
<html>
<head>
<style>
#txt{color:silver;}
</style>
<script>
function txtfocus(obj){
if(obj.value=="请输入"){
obj.value="";
obj.style.color="black";
}
}
function txtblur(obj){
if(obj.value==""){
obj.value="请输入";
obj.style.color="silver";
}
}
</script>
</head>
<body>
<input type="text" id="txt" value="请输入" onfocus="txtfocus(this);" onblur="txtblur(this)">
</body>
</html>
<html>
<head>
<style>
#txt{color:silver;}
</style>
<script>
function txtfocus(obj){
if(obj.value=="请输入"){
obj.value="";
obj.style.color="black";
}
}
function txtblur(obj){
if(obj.value==""){
obj.value="请输入";
obj.style.color="silver";
}
}
</script>
</head>
<body>
<input type="text" id="txt" value="请输入" onfocus="txtfocus(this);" onblur="txtblur(this)">
</body>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
