text文本框单击聚焦清除文字，离开后又显示提示文字

网页中有些text文本框需要给用户一些提示，以引导用户输入。搜索文本框就属于这类，往往在text文本框中给用户一些搜索的提示，引导用户搜索相应的内容。由于搜索时，用户要输入关键词，所以用户点击文本框聚焦后，自动清除文本框中的提示文字，以让用户输入搜索关键词；如果用户聚焦后没有输入任何关键词，离开后又自动还原提示文字。

像这样的功能应该如何实现呢？html标签本身不具备这样的功能，只能用 javascript 代码来完成，实现也简单，几句 javascript 代码就能搞定。

text文本框单击聚焦清除文字，离开后又显示提示文字【实例】

html代码：

<input type="text" id="inSearch" maxlength="200" value="一搜就找到" onblur="textOnblue(this)" onclick="textOnclick(this)" />id="btnSearch" value=" 搜 索 " />

javascript代码：

<script type="text/javascript">
  function textOnblue(obj) {
    if (obj.value == "") {
      obj.value = "一搜就找到";
    }
  }
  function textOnclick(obj) {
    if (obj.value == "一搜就找到") {
      obj.value = "";
    }
  }
  </script>

以上就是一个搜索的text文本框单击聚焦清除文字，离开后又自动显示提示文字的实例，把代码复制到html文件中就可以测试。为使页面美观，最好把文本框和按钮都用Css样式修饰，把文本框中的提示文字定义为灰色，不要让它突现，看得清楚就可以了。