[jQuery] 点击这里搜索...

我们经常看到有些搜索框内有灰色的文字:点击这里进行搜索... 我们点击的时候,他就会自动消失. 使用jQuery可以很方便的实现这个功能.

HTML:

 <form action="#" method="post">
   <input id="SearchText" name="text" />
    <button>Search</button>
 </form>

JavaScript:

 function populateElement(selector, defvalue) {
    if($.trim($(selector).val()) == "") {
         $(selector).val(defvalue);
    }
  
    $(selector).focus(function() {
        if($(selector).val() == defvalue) {
            $(selector).val("");
        }
    });
    
    $(selector).blur(function() {
         if($.trim($(selector).val()) == "") {
            $(selector).val(defvalue);
        }
    });
 }

 
使用方法:

populateElement('#SearchText', 'Enter your search term here..');