如何实现当鼠标点击输入框时，输入框内的提示文字自动消失
3个回答
展开全部
想要实现点击输入框消失，只需要给文本输入框加一点js效果即可，可以参考以下代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>txt</title>
<script type="text/javascript">
window.onload=function(){
var oIpt = document.getElementsByTagName('input')
oIpt[0].onclick=function(){
this.value = ""
}
}
</script>
</head>
<body>
<input type="text" value="点我消失!" name="">
</body>
</html>
以上代码实现的效果为，点击文本输入框之后设置input的value值为空。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
第一种，文字是文本框的默认值：
<input type="text" class="textBox" value="222" />
$(".textBox").focus(function(){
$(".textBox").val("");
});
第二种，使用html的placeholder属性；鼠标点击时会自动隐藏：
<input type="text" class="textBox" placeholder="222" />
第三种，使用标签提示文字：
<p style="position:relative">
<input type="text" class="textBox" />
<span style="position:absolute; left:10px; top:0px;">提示文字</span>
</p>
$(".textBox").focus(function(){
$("span").hide();
});
<input type="text" class="textBox" value="222" />
$(".textBox").focus(function(){
$(".textBox").val("");
});
第二种，使用html的placeholder属性；鼠标点击时会自动隐藏：
<input type="text" class="textBox" placeholder="222" />
第三种，使用标签提示文字：
<p style="position:relative">
<input type="text" class="textBox" />
<span style="position:absolute; left:10px; top:0px;">提示文字</span>
</p>
$(".textBox").focus(function(){
$("span").hide();
});
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
Private Sub Text1_GotFocus()
If Text1.Text = "提示文字" Then Text1.Text = ""
End Sub
Private Sub Text1_LostFocus()
If Text1.Text = "" Then Text1.Text = "提示文字"
End Sub
If Text1.Text = "提示文字" Then Text1.Text = ""
End Sub
Private Sub Text1_LostFocus()
If Text1.Text = "" Then Text1.Text = "提示文字"
End Sub
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
