JS 输入框为空的使用
<!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>
最新文章
- SharePoint 2013 页面访问,Url中间多一段";_layouts/15/start.aspx#";
- 重构与模式(Refactoring to Patterns)-读书笔记
- twitter点赞动画详解
- 说说Python中的闭包 - Closure
- Android开发中的问题及相应解决(持续更新)
- Xcode中设置按钮在十分钟之内禁用
- zoj 2112 动态区间求第k大
- MyBatis笔记——初次环境配置
- Global::time2StrHHMM_DNT
- DataSet转Json 方法
- Activity跳转时传递Bitmap对象的实现
- 【原创】07. ajax请求,解决sendRedirect 无效
- IIS部署新网站
- bootstrap的模态简单案例
- 解析Linux中的VFS文件系统之文件系统的注册(二)
- Redis中的关系查询
- go_micro相关书签
- Mysql数据库优化之SQL及索引优化
- cas单点登录-jdbc认证(三)
- 980. Unique Paths III
热门文章
- 利用函数的惰性载入提高 javascript 代码性能
- [RxJS] Flatten a higher order observable with concatAll in RxJS
- 走进windows编程的世界-----对话框、文本框、button
- Redis的增删改查命令总结与持久化方式
- [React] Break up components into smaller pieces using Functional Components
- Linux删除非空目录
- hdu 1558 Segment set (并查集)
- 细说Oracle中NULL值
- 【机器学习实战】第12章 使用 FP-growth 算法来高效发现频繁项集
- .net core ——微服务内通信Thrift和Http客户端响应比较