JQuery使用一例：点击文本框（请输入关键字）时自动清空文本框中的预设信息

在WEB网页上执行查询时，有时候有一个文本框中有提示信息：请输入关键字，当用户使用鼠标点击文本框时，提示信息就清空了。

这个效果可以使用JQuery来实现：

--WEB网页代码片段，如下：

<div>
<form id="test">
<input id="searchKeyword" type="text" maxlength="30" value="Please input keyword" />
</form>
</div>

在WEB页面中加入 JQuery：

<script type="text/javascript" src="js/jquery-1.7.1.js"></script>

JQuery代码如下：

<script type="text/javascript">
$(document).ready(function() {
$("#searchKeyword").focus(function() {
if ($(this).val() == "Please input keyword") {
$(this).val("");
}
});
$("#searchKeyword").blur(function() {
if ($(this).val() == "") {
$(this).val("Please input keyword");
}
});
});
</script>

你可以来试试效果了。