输入框点击内容清空或显示的js代码

我们常常会遇到输入框提示的需求，比如在输入框内容中提示，当需要输入的时候再清空。下面就介绍两种方法：

1、输入框点击清空

<input name="textfield" type="text" id="textfield" value="请输入内容"onclick="this.value=''" />

2、输入框点击显示提示内容

操作：鼠标点击输入框出现提示内容，再次点击清空内容可以进行输入。

<input type="text" name="textfield2" id="textfield2" onblur="note_click(this);" onclick="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>

下面是这两个的效果图：