清除和重置Web表单有什么区别?

时间:2009-11-26 17:04:07

标签: html webforms javascript

我想使用JavaScript reset()功能重置网页的值。 JavaScript首先执行哪个操作:重置还是清除?这两者之间的区别是什么?

另外,如何使用重置功能检索值?

3 个答案:

答案 0 :(得分:16)

清除与重置

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

例如:

<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获取(或设置)字段的值,请尝试阅读以下内容:

答案 1 :(得分:3)

reset功能与表单中的input type="reset"相同,并点击它。

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

如果您有这样的文本框:

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

调用reset函数会将值“Hejsan”放回文本框中。

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

reset函数不能用于检索任何值。

答案 2 :(得分:1)

编辑:感谢Dave的评论,我修改了原来的答案。看起来他在我修改答案时也发了一个答案,所以他应该得到“接受”的答案。

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

清除表单时,基本上是从表单中删除所有值。 JavaScript中没有“清晰表单”功能,因此您必须遍历每个字段并手动清除它们。

所以要回答你的问题,你只想使用reset()函数“重置”表单,而不是清除表单。