Use JQuery to show hidden text in the mouse-click Text Box

For example, the search box of my website:

When not used:

After clicking the mouse:

Using JQuery to achieve this effect is very simple. The following code:
Copy codeThe Code is as follows:
$ (Document). ready (function (){
Var searchBox = $ ("# ctl00_txtSearch ");
SearchBox. focus (function (){
If (searchBox. val () = this. title) {// convert the ToolTip attribute of the TextBox Control to Html as the title attribute
SearchBox. val ("");
}
});
SearchBox. blur (function (){
If (searchBox. val () = ""){
SearchBox. val (this. title );
}
});
SearchBox. blur ();
});

Where # ctl00_txtSearch is the search box ID (ASP. NET can obtain this ID through ClientID)