在看我记录的代码之前，先看看Web新手，我，是怎么来实现这个功能的。

代码来自 www.jzxue.com 源代码

在Onblur事件的时候，如果Value是空的话，则将提示文字写在输入框中。在输入框获得焦点的时候，如果输入框里面的文字是提示文字的时候，则清空输入框文字。

当然，这个只是一个门外汉的写法，来看看专家是怎么做的：

我们看到，这里有一个CSS类叫做tipInput，看来这里还是靠JQuery在起作用。一个好的框架开发者，必须要熟悉各个开发环节，不论是前台还是后台。ORM，JQuery，一切都要精通。

这里我们使用Jquery选择器，将所有的tipInput选择出来。在我们做click的时候，我们将inputTip这个样式去掉。在blur的时候，根据tip属性的有无来决定是否重新加上inputTip的样式。

wojilu.ui.tip = function() {
 var tipInputs = $( '.tipInput' );
 if( tipInputs.length>0 ) {
     function chkInputTip() {
      if( $(this).val() !='' && $(this).val() != $(this).attr('tip') ) return;
      $(this).val( $(this).attr('tip') );
      $(this).addClass('inputTip');
     };
     tipInputs.each( chkInputTip );
     tipInputs.blur( chkInputTip);
     tipInputs.click( function() {
      if( $(this).val() == $(this).attr('tip') ) $(this).val('');
      $(this).removeClass('inputTip');
     });
     tipInputs.parents("form").submit(function () {//此处ltcszk贡献代码(http://www.wojilu.com/ltcszk)。
  tipInputs.click();
     });

 };
};