html - 清除和重置 Web 表单有什么区别？

Question

我想使用 JavaScript reset() 函数重置网页的值。 JavaScript 首先执行哪个操作:重置还是清除？两者有什么区别？

此外，如何使用重置功能检索值？

Answer 1

清除与重置

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

例如:

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

这会生成一个值为 Timothy 的输入字段。假设用户随后将值更改为 Berners-Lee。如果用户单击 Reset 按钮，Berners-Lee 的值将恢复(重置)为 Timothy。

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

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

您可以使用 JavaScript 更改 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