表单中的潜匿域重置

发布时间：2018-10-07 02:14:48 所属栏目：创业来源：站长网

导读：在 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,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,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,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,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:1em 0}ol{margin:10px 0 10px 2em}ol li{list-style:decimal;line-height:1.8}th,td{border:1px solid #ddd;padding:2px 5px;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.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

今朝想到的一个办理方案是：

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

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

首富马斯克谈成功？他	从先行者到制定者，轻
中国互联网的新一轮机	马斯克想辞职做专业网