重置按钮小tip—为何不能重置表单数据呢

刚开始学html的同志有时候可能会遇到一个问题，就是为什么在编辑页面里面的重置按钮总是不起作用呢不清空数据呢？接下来就说明一下原因。

Reset 对象

Reset 对象代表 HTML 表单中的一个重置按钮。

在 HTML 表单中 <input type="reset"> 标签每出现一次，一个 Reset 对象就会被创建。

当重置按钮被点击，包含它的表单中所有输入元素的值都重置为它们的默认值。默认值由 HTML value 属性或 JavaScript 的 defaultValue 属性指定。

重置按钮在重置表单之前触发 onclick 句柄，并且这个句柄可以通过返回 fasle 来取消。

参阅 Form.reset() 方法 和 Form.onreset 事件句柄。

您可以通过遍历表单的 elements[] 数组来访问某个重置按钮，或者通过使用document.getElementById()。

重点来了

就是上面说到的默认值，编辑页面顾名思义就是已经填写过数据的页面，里面已经有默认的之前填写的数据，也就是说里面的输入框里面有一个默认值但不是之前像添加页面一样的空数据，所以当你点击重置按钮时只会回到原来默认的你第一次填写的value值，并不会清空数据。

ps：一开始我也会遇到这个问题，无论如何都觉得不可能理解。希望能帮到正在学习遇到和我一样问题的同志。

 

转载于:https://www.cnblogs.com/sugar-tomato/p/4550965.html