如题所述
想要实现点击输入框消失，只需要给文本输入框加一点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值为空。
温馨提示：答案为网友推荐，仅供参考
第1个回答 推荐于2018-03-03
第一种，文字是文本框的默认值：
<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();
});本回答被网友采纳
第2个回答 2016-09-30
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本回答被提问者采纳
