文本框中创建默认文本提示
通常用户在搜索内容时，在文本框输入内容前，文本框都会给出默认提示，提示用户输入正确的内容进行搜索。
当文本框获得焦点，如果文本框内容跟提示内容一样，提示内容会自然消失。
当文本框没有任何值并失去焦点，文本框内容会重新生成默认提示。
为了实现上面的需求，代码如下：
代码如下:
.text
{
border: #0a8fda solid 1px;
color: #cccccc;
font-style:italic;
background: #fff url(/blog_article/img/input.gif);
padding: 5px;
}
.text-focus
{
border: solid 1px #f50;
background: #fff url(/blog_article/img/input.gif);
padding: 5px;
}
$(document).ready(function () {
var txtSearch = $("#");
$("#txtSearch").focus(function () {
if (txtSearch.val() == this.title) {
txtSearch.val("");
this.className = "text-focus";
}
});
$("#txtSearch").blur(function () {
if (txtSearch.val() == "") {
txtSearch.val(this.title);
this.className = "text";
}
});
txtSearch.blur();
});