龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

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

时间:2014-05-12 14:15来源:网络整理 作者:网络 点击:
分享到:
这篇文章主要介绍了当某个文本框成为焦点时如何清除文本框内容,需要的朋友可以参考下
代码如下:

<!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>
收藏文章
表情删除后不可恢复,是否删除
取消
确定
图片正在上传,请稍后...
评论内容为空!
还没有评论,快来抢沙发吧!
按钮 内容不能为空!
立刻说两句吧! 查看0条评论
精彩图集

赞助商链接