概述
我们常常会遇到输入框提示的需求，比如在输入框内容中提示，当需要输入的时候再清空。下面就介绍两种方法：
1、输入框点击清空
<input name="textfield" type="text" id="textfield" value="请输入内容" οnclick="this.value=''" />
2、输入框点击显示提示内容
操作：鼠标点击输入框出现提示内容，再次点击清空内容可以进行输入。
<input type="text" name="textfield2" id="textfield2" οnblur="note_click(this);" οnclick="note_click(this)" />
<script type="text/javascript">
function note_click(target)
{
if(target.value=='')
{
target.style.color="#B0B0B0";
target.value="请输入数字";
}
else if(target.value=="请输入数字")
{
target.style.color="#000000";
target.value="";
}
}
</script>
下面是这两个的效果图：
最后
以上就是贤惠飞鸟为你收集整理的输入框点击内容清空或显示的js代码的全部内容，希望文章能够帮你解决输入框点击内容清空或显示的js代码所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复