Implementation of mouse click Text box based on jquery display hidden hint text _jquery

For example, the search box of my website:

When not in use:

After the mouse clicks:

The effect of using jquery is very simple, and here's the code:

Copy Code code as follows:

$ (document). Ready (function () {
var searchbox = $ ("#ctl00_txtSearch");
Searchbox.focus (function () {
if (searchbox.val () = = This.title) {//TextBox control ToolTip property converted to HTML as Title property
Searchbox.val ("");
}
});
Searchbox.blur (function () {
if (searchbox.val () = = "") {
Searchbox.val (This.title);
}
});
Searchbox.blur ();
});

Where #ctl00_txtsearch is the ID of the search box (asp.net can get this ID by ClientID)