每个文本框（如IE（Javascript））的“清除”按钮
法赞
我想要每个文本框前面的“清除”按钮以清除其文本。您可以在Internet Explorer中看到这种清除按钮。但这是IE的默认功能。
我只能使用CSS，HTML和JAVASCRIPT。不幸的是，我不能使用Jquery。那么有什么方法可以做到这一点吗？
谢谢
hex494D49
的JavaScript
window.onload = function(){
var span = document.getElementsByClassName('clear'), i;
for(i = 0; i < span.length; i++){
(function(i){
span[i].onclick = function(){
span[i].parentNode.getElementsByTagName('INPUT')[0].value = '';
};
})(i);
}
};
的HTML
<form>
<div class="wrapper">
<input type="text" name="firstname" value="" class="textbox" />
<span class="clear">x</span>
</div>
<div class="wrapper">
<input type="text" name="lastname" value="" class="textbox" />
<span class="clear">x</span>
</div>
</form>
的CSS
.clear{
position:absolute;
top:2px;
right:5px;
cursor:pointer;
}
.textbox {
width:100%;
}
.wrapper {
width:200px;
position:relative;
}
其他答案的旁注：假设只有一个元素并且使用getElementById('clear')它不是一个好主意。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何在兼容模式下从IE10文本框中删除清除按钮（“ X”按钮）？
- 2
使用C＃中的按钮清除多个文本框
- 3
想要清除文本框+焦点文本框+防止同一按钮上的asp.net回发
- 4
清除表单单击按钮上的文本框
- 5
单击清除文本框
- 6
每个文本框（如IE（Javascript））的清除按钮
- 7
如何清除HTML中的文本框
- 8
提交清除文本框后
- 9
在文本框中捕获IE十字按钮
- 10
单选按钮清除文本框
- 11
单击确认消息框中的取消按钮后如何清除文本框？
- 12
如何清除点击按钮上的文本框
- 13
单击按钮从表单上的多个文本框中清除文本框
- 14
清除“特定文本框” ASPX页面
- 15
在没有按钮事件（如Excel）的WPF程序中验证文本框
- 16
由于更新面板，文本框被清除
- 17
单击按钮时清除多个文本框控件
- 18
在按钮上单击，通过文本框javascript循环
- 19
清除表单单击按钮上的文本框
- 20
通过单击按钮使用javascript添加文本框
- 21
使用JavaScript基于空文本框启用/禁用按钮
- 22
python清除带有按钮事件的文本框
- 23
使用javascript在按钮单击上添加文本框
- 24
使用JavaScript启用/禁用文本框和按钮
- 25
如何使用javascript ajax验证每个文本框？
- 26
清除文本框
- 27
当另一个文本框处于活动状态时清除文本框 (JavaScript)
- 28
清除文本框值
- 29
为什么我的清除按钮仅在验证为真时清除文本框？
我来说两句