表单中的隐藏域重置_html-js-css

概述在 DOM 中，表单重置非常简单，使用 <input type=”reset”> 或者 <button type=”reset”> 即可。原生 DOM 也提供了 reset() 方法用于表单重置。但是在 Firefox/Chrome 浏览器中，如果字段是隐藏域（type=”hidden”）的话，使用 reset 是无法将字段值还…

在 DOM 中，表单重置非常简单，使用 <input type=”reset”> 或者 <button type=”reset”> 即可。原生 DOM 也提供了 reset() 方法用于表单重置。

但是在 firefox/Chrome 浏览器中，如果字段是隐藏域（type=”hIDden”）的话，使用 reset 是无法将字段值还原为初始值的。但在 ie6/7/8 中都可以重置。查看这个示例：

<!DOCTYPE HTML><HTML><head><Title>表单中的隐藏域重置</Title><style>HTML{color:#000;background:#fff}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fIEldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fIEldset,img{border:0}address,caption,cite,dfn,em,strong,var{Font-style:normal;Font-weight:normal}li{List-style:none}caption,th{text-align:left}h1,h6{Font-size:100%;Font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;Font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,select{Font-family:inherit;Font-size:inherit;Font-weight:inherit}input,select{*Font-size:100%}legend{color:#000}body{Font:12px/1.5 '9ed14f53',arial;padding:2em}h1{Font-size:18px}h2{Font-size:16px;color:green;padding:1em0}ol{margin:10px0 10px 2em}olli{List-style:decimal;line-height:1.8}th,td{border:1pxsolID #ddd;padding:2px5px;Font-size:12px}th{Font-weight:bold;background:#eee}.clearfix:after{content:'20';display:block;height:0;clear:both}.clearfix{zoom:1}</style><Meta http-equiv="Content-Type" content="text/HTML; charset=gbk"></head><body><h1>表单中的隐藏域重置</h1><form><h2>表单中的隐藏域重置</h2><input type="hIDden" value="123" ID="Js_hIDden"><input type="text" value="text value" ID="Js_text"><button type="button" ID="Js_button">获取隐藏域的值，默认为"123"</button><button type="button" ID="Js_write">将隐藏域的值改写为"abc"</button><button type="reset">重置表单</button></form><script>document.getElementByID('Js_button').onclick = function(){alert('隐藏域的值为：' + document.getElementByID('Js_hIDden').value);}document.getElementByID('Js_write').onclick = function(){document.getElementByID('Js_hIDden').value = 'abc';alert('隐藏域的值为：' + document.getElementByID('Js_hIDden').value);}</script></body></HTML> <br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.wfuyu.com/' target='_blank'>http://www.wfuyu.com/</a></center>
提示：可修改后代码再运行!

目前想到的一个解决方案是：

<input type="text" style="display:none;">

总结

以上是内存溢出为你收集整理的表单中的隐藏域重置全部内容，希望文章能够帮你解决表单中的隐藏域重置所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1022841.html

表单中的隐藏域重置

发表评论

评论列表（0条）