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

2013-07-12 11:38:24来源:西部e网作者:

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

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

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>

下面是这两个的效果图:

\

赞助商链接: