清除和重置web表单之间有什么区别?

清除与重置

清除表单会使所有输入字段为空,取消选中复选框,取消选择多选选项,等等;然而,重置表单会还原所有更改。

例如:

<input type="text" name="name" value="Timothy" />
<input type="reset" value="Reset" />

这将生成一个值为的输入字段 . 假设用户随后将值更改为 伯纳斯李 . 如果用户单击 Reset 按钮的值 伯纳斯李 将恢复(重置)为 提摩太 .

清除字段将涉及更改 value 输入字段的属性设置为空字符串,如下所示:

<input type="text" name="name" value="" />

价值

检索值

如果要使用JavaScript获取(或设置)字段的值,请尝试阅读以下内容:

• http://www.irt.org/script/162.htm
• http://www.javascript-coder.com/javascript-form/javascript-get-form.htm
• http://www.quirksmode.org/js/forms.html

reset 函数的作用与具有 input type="reset" 在窗体中单击并单击它。

它会将表单中所有字段中的值重置为加载页面时的值。

如果您有这样一个文本框:

<input type="text" name="info" value="Hejsan" />

呼叫 重置

如果尚未指定值(或未在中选择选项) select 字段),将其重置为空值(或 选择 字段(第一个选项)。

这个 重置

编辑:多亏了戴夫的评论,我修改了我原来的答案。看起来他也发布了一个答案,而我修改了我的答案,所以他应该得到“接受”的答案。

重置窗体将重置窗体中所有字段的原始值。如果没有值,它将清除该字段,如果有值,它将“重置”该字段回到该值。

为了回答您的问题,您只需要使用reset()函数“重置”表单,而不是清除表单。