我们常常会遇到输入框提示的需求,比如在输入框内容中提示,当需要输入的时候再清空。下面就介绍两种方法:
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>
下面是这两个的效果图: