我想使用JavaScript reset()
功能重置网页的值。 JavaScript首先执行哪个操作:重置还是清除?这两者之间的区别是什么?
另外,如何使用重置功能检索值?
答案 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()函数“重置”表单,而不是清除表单。