【发布时间】:2010-12-20 18:14:53
【问题描述】:
我想使用 JavaScript reset() 函数重置网页的值。 JavaScript首先执行哪个操作:重置还是清除?两者有什么区别?
另外,如何使用重置功能检索值?
【问题讨论】:
标签: html webforms javascript
我想使用 JavaScript reset() 函数重置网页的值。 JavaScript首先执行哪个操作:重置还是清除?两者有什么区别?
另外,如何使用重置功能检索值?
【问题讨论】:
标签: html webforms javascript
清除与重置
清除表单会使所有输入字段变为空白、取消选中复选框、取消选择多选选项等;而重置表单会还原所有更改。
例如:
<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 获取(或设置)字段的值,请尝试阅读以下内容:
【讨论】:
reset 函数的作用与您在表单中有一个 input type="reset" 并单击它一样。
它将表单中所有字段的值重置为页面加载时的值。
如果你有这样的文本框:
<input type="text" name="info" value="Hejsan" />
调用reset 函数会将值“Hejsan”放回文本框中。
如果您未指定值(或未在 select 字段中选择选项),则将其重置为空值(或对于 select 字段为第一个选项)。
reset 函数不能用于检索任何值。
【讨论】:
编辑:感谢 Dave 的评论,我修改了我原来的答案。看起来他也发布了一个答案,而我修改了我的答案,所以他应该得到“接受”的答案。
重置表单会重置表单中所有字段的原始值。如果没有值,它将清除该字段,如果有值,它将将该字段“重置”回该值。
当您清除表单时,您实际上是从表单中删除所有值。 JavaScript 中没有“清除表单”功能,因此您必须遍历每个字段并手动清除它们。
所以要回答您的问题,您只想使用 reset() 函数“重置”表单,而不是清除表单。
【讨论】: