jquery搜索框效果，搜索，请输入关键字

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/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搜索框效果，搜索，请输入关键字相关推荐

HTML 请输入关键字的搜索框，功能：输入时：框内的请输入关键字消失，鼠标移开时框内的请输入关键字又重现
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
layui 带按钮的搜索框_layui table可输入关键字搜索下拉框（select）
layui-table-column-select 在layui table的基础上对表格列进行扩展:点击单元格显示可搜索下拉列表. 一.介绍此项目是为了解决layui table表格单元格(col ...
搜索框中“请输入关键字”消失出现的实例
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
JavaScript实现搜索框效果
要求:搜索框获取焦点的时候如果里面的内容是"请输入关键字",则清空,否则不清空 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1 ...
android bilibili搜索框,仿bilibili搜索框效果(三句代码实现)
SearchDialog 仿bilibili搜索框效果(只需要三句话即可实现) 先看预览图(转换后有一点点失真): 前言 1,支持搜索历史(已经做了数据库存储了) 2,基本与bilibili的搜索效果 ...
仿 bilibili 搜索框效果(三句代码实现)
SearchDialog 项目地址:wenwenwen888/SearchDialog 简介:仿 bilibili 搜索框效果(三句代码实现) 更多:作者提 Bug 标签: 搜索-搜索框- ...
android 仿简书评论,Android仿简书搜索框效果的示例代码
前言之前用简书的时候一直是在web端,后来下载了客户端,看到了搜索的那个动画,就尝试的去写了,没写之前感觉挺容易的,写了之后,就感觉里面还是有些要注意的东西的.话不多说,直接上图. Activity ...
仿bilibili搜索框效果
仿bilibili搜索框效果(只需要三句话即可实现) Usage With Gradle: compile 'com.wenwenwen888:searchbox:1.0.0' How to use ...
Win10左下角搜索框无法搜索无反应的解决方案
为了更便捷,在Win10系统经常会使用到桌面左下角的搜索框进行搜索程序,但是近期Win10搜索框搜不到任何东西,点开就是白框一片空白,不知道如何解决!那么Win10搜索框用不了?下面装机之家分享一下W ...

jquery搜索框效果，搜索，请输入关键字

jquery搜索框效果，搜索，请输入关键字相关推荐

最新文章

热门文章