当文本框获得焦点,如果文本框内容跟提示内容一样,提示内容会自然消失。 当文本框没有任何值并失去焦点,文本框内容会重新生成默认提示。 为了实现上面的需求,代码如下: 复制代码 代码如下: Recipe1 <BR>.defaultText <BR>{ <BR>font-style: italic; <BR>color: #CCCCCC; <BR>} <BR> <BR>$(document).ready(function () { <BR>var searchBox = $("#<%=txtSearch.ClientID %>"); // 通过ClientID获取服务器控件ID <BR>searchBox.focus(function () { <BR>if (searchBox.val() == this.title) { // TextBox控件ToolTip属性转换为Html为title属性 <BR>searchBox.val(""); <BR>searchBox.removeClass("defaultText"); <BR>} <BR>}); <BR>searchBox.blur(function () { <BR>if (searchBox.val() == "") { <BR>searchBox.val(this.title); <BR>searchBox.addClass("defaultText"); <BR>} <BR>}); <BR>searchBox.blur(); <BR>}); <BR> 显示效果: