<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
<meta charset="utf-8" />
    <script>
        onload = function () {
            var txtObj = document.getElementById('txt');
            txtObj.onfocus = function () {
                if (this.value == '请输入搜索关键词' && this.style.color=='gray') {
                    this.value = '';
                    this.style.color = 'black';
                }
            }

            txtObj.onblur = function () {
                if (this.value == '') {
                    this.style.color = 'gray';
                    this.value = '请输入搜索关键词';
                }
            }
        }
    </script>
</head>
<body>
    <input type="text" value="请输入搜索关键词" style="color:gray" id="txt"/>
 </body>
</html>

最新文章

  1. SharePoint 2013 页面访问,Url中间多一段&quot;_layouts/15/start.aspx#&quot;
  2. 重构与模式(Refactoring to Patterns)-读书笔记
  3. twitter点赞动画详解
  4. 说说Python中的闭包 - Closure
  5. Android开发中的问题及相应解决(持续更新)
  6. Xcode中设置按钮在十分钟之内禁用
  7. zoj 2112 动态区间求第k大
  8. MyBatis笔记——初次环境配置
  9. Global::time2StrHHMM_DNT
  10. DataSet转Json 方法
  11. Activity跳转时传递Bitmap对象的实现
  12. 【原创】07. ajax请求,解决sendRedirect 无效
  13. IIS部署新网站
  14. bootstrap的模态简单案例
  15. 解析Linux中的VFS文件系统之文件系统的注册(二)
  16. Redis中的关系查询
  17. go_micro相关书签
  18. Mysql数据库优化之SQL及索引优化
  19. cas单点登录-jdbc认证(三)
  20. 980. Unique Paths III

热门文章

  1. 利用函数的惰性载入提高 javascript 代码性能
  2. [RxJS] Flatten a higher order observable with concatAll in RxJS
  3. 走进windows编程的世界-----对话框、文本框、button
  4. Redis的增删改查命令总结与持久化方式
  5. [React] Break up components into smaller pieces using Functional Components
  6. Linux删除非空目录
  7. hdu 1558 Segment set (并查集)
  8. 细说Oracle中NULL值
  9. 【机器学习实战】第12章 使用 FP-growth 算法来高效发现频繁项集
  10. .net core ——微服务内通信Thrift和Http客户端响应比较