当某个文本框成为焦点时即清除文本框内容


Posted in Javascript onApril 28, 2014
<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>成为焦点时清除文本框内容</title> 
<script> 
window.onload = initAll; function initAll(){ 
var clearText = document.getElementsByTagName("input"); 
for (var i=0; i<clearText.length; i++){ 
clearText[i].onfocus = function ( ){ 
this.value = ""; 
} 
} 
} 
</script> 
</head> 
<body> 
文本框一:<input type="text" name="text" id="clearText1" value="清除文本框一的内容"/><br/> 
文本框二:<input type="text" name="text" id="clearText2" value="清除文本框二的内容"/><br/> 
文本框三:<input type="text" name="text" id="clearText3" value="清除文本框三的内容"/> 
</body> 
</html>
Javascript 相关文章推荐
JavaScript 封装Ajax传递的数据代码
Jun 05 Javascript
jqgrid 编辑添加功能详细解析
Nov 08 Javascript
JS获得QQ号码的昵称,头像,生日的简单实例
Dec 04 Javascript
用C/C++来实现 Node.js 的模块(一)
Sep 24 Javascript
Bootstrap入门书籍之(一)排版
Feb 17 Javascript
jQuery添加和删除输入文本框标签代码
May 20 Javascript
关于JavaScript数组你所不知道的3件事
Aug 24 Javascript
微信小程序-图片、录音、音频播放、音乐播放、视频、文件代码实例
Nov 22 Javascript
使用Node.js搭建静态资源服务详细教程
Aug 02 Javascript
mpvue跳转页面及注意事项
Aug 03 Javascript
VUE 配置vue-devtools调试工具及安装方法
Sep 30 Javascript
vue-cli2 构建速度优化的实现方法
Jan 08 Javascript
JS实现两个大数(整数)相乘
Apr 28 #Javascript
关于img的href和src取变量及赋值的方法
Apr 28 #Javascript
php和js对数据库图片进行等比缩放示例
Apr 28 #Javascript
JS计算网页停留时间代码
Apr 28 #Javascript
js分页代码分享
Apr 28 #Javascript
jquery使用ajax实现微信自动回复插件
Apr 28 #Javascript
jquery禁用右键示例
Apr 28 #Javascript
You might like
php中echo()和print()、require()和include()等易混淆函数的区别
2012/02/22 PHP
smarty自定义函数用法示例
2016/05/20 PHP
PHP API接口必备之输出json格式数据示例代码
2017/06/27 PHP
laravel 验证错误信息到 blade模板的方法
2019/09/29 PHP
脚本安需导入(装载)的三种模式的对比
2007/06/24 Javascript
用js实现下载远程文件并保存在本地的脚本
2008/05/06 Javascript
javascript右下角弹层及自动隐藏(自己编写)
2013/11/20 Javascript
Javascript中call的两种用法实例
2013/12/13 Javascript
Nodejs实现的一个静态服务器实例
2014/12/06 NodeJs
jQuery中find()方法用法实例
2015/01/07 Javascript
js实现网页多级级联菜单代码
2015/08/20 Javascript
jQuery ui实现动感的圆角渐变网站导航菜单效果代码
2015/08/26 Javascript
原生js配合cookie制作保存路径的拖拽
2015/12/29 Javascript
ES6新特性七:数组的扩充详解
2017/04/21 Javascript
Bootstrap fileinput文件上传预览插件使用详解
2017/05/16 Javascript
vue.js获取数据库数据实例代码
2017/05/26 Javascript
vue2.0中click点击当前li实现动态切换class
2017/06/21 Javascript
详解node child_process模块学习笔记
2018/01/24 Javascript
[52:07]完美世界DOTA2联赛PWL S3 LBZS vs access 第二场 12.10
2020/12/13 DOTA
python使用socket向客户端发送数据的方法
2015/04/29 Python
浅谈python多线程和队列管理shell程序
2015/08/04 Python
Python中MySQLdb和torndb模块对MySQL的断连问题处理
2015/11/09 Python
python实现爬虫统计学校BBS男女比例之多线程爬虫(二)
2015/12/31 Python
Python实现excel转sqlite的方法
2017/07/17 Python
对Tensorflow中Device实例的生成和管理详解
2020/02/04 Python
Django使用Celery加redis执行异步任务的实例内容
2020/02/20 Python
Python实现井字棋小游戏
2020/03/09 Python
python中time包实例详解
2021/02/02 Python
CSS3 RGBA色彩模式使用实例讲解
2016/04/26 HTML / CSS
简述Html5 IphoneX 适配方法
2018/02/08 HTML / CSS
世界排名第一的万圣节服装店:Spirit Halloween
2018/10/16 全球购物
ASOS西班牙官网:英国在线时尚和美容零售商
2020/01/10 全球购物
《理想的风筝》教学反思
2014/04/11 职场文书
2019毕业论文致谢词
2019/06/24 职场文书
python爬虫--selenium模块
2021/03/31 Python
Nginx服务器如何设置url链接
2021/03/31 Servers