【问题标题】:What is the difference between clearing and reseting a web form?清除和重置 Web 表单有什么区别?
【发布时间】:2010-12-20 18:14:53
【问题描述】:

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

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

【问题讨论】:

    标签: html webforms javascript


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

    【讨论】:

      【解决方案2】:

      reset 函数的作用与您在表单中有一个 input type="reset" 并单击它一样。

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

      如果你有这样的文本框:

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

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

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

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

      【讨论】:

        【解决方案3】:

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

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

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

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

        【讨论】:

          猜你喜欢
          • 2016-05-01
          • 2020-08-08
          • 2017-05-19
          • 1970-01-01
          • 2018-04-21
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多