<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><title>搜索框效果</title><style type="text/css">.waiting{ color:Gray;}</style><script src="../js/jquery-1.6.2.min.js" type="text/javascript"></script><script language="javascript" type="text/javascript">$(function () {$("#kw").val("请输入关键词").addClass("waiting").blur(function () {if ($(this).val() == "") {$("#kw").val("请输入关键词").addClass("waiting");}}).focus(function () {if ($("#kw").val() == "请输入关键词") {$("#kw").val("").removeClass("waiting");}});});</script></head><body><input type="text" id="kw" /></body></html>
如果觉得《jquery搜索框效果 搜索 请输入关键字》对你有帮助,请点赞、收藏,并留下你的观点哦!