重置表单

一、重置表单的方法

1、单击重置按钮

<input type="reset" value="Reset From">
<button type="reset">Reset From</button>
复制代码

2、编程方式调用reset()方法

var form = document.getElementById("myForm");
form.reset();
复制代码

二、reset事件

1. 重置表单时， 会触发reset事件，此时可以取消重置事件。
2. 使用reset()方法时，也会触发reset事件。

三、取消重置表单的方法

阻止默认事件。

四、重置表单后

所有表单字段会恢复为初始值（即页面刚加载完毕时候的值）。

如果字段初始值为空，则恢复为空。

如果字段带有默认值，则恢复为默认值。

转载于:https://juejin.im/post/5b9e6cfb6fb9a05cf67a7ae7