清空form 表单的方法
时间: 2023-10-08 15:12:50 浏览: 47
清空 `form` 表单有以下几种方法:
1. 使用 `form` 的 `reset()` 方法,这个方法会将表单所有控件的值重置为初始值,但不会清除掉提交的数据,同时还会触发 `reset` 事件。
```javascript
document.getElementById("myForm").reset();
```
2. 通过遍历所有表单元素并将其值设置为空字符串的方法来清空表单。
```javascript
const form = document.getElementById("myForm");
const elements = form.elements;
for (let i = 0; i < elements.length; i++) {
if (elements[i].type !== "submit") {
elements[i].value = "";
}
}
```
3. 使用 `FormData` 对象来清空表单。`FormData` 对象可以通过 `form` 元素来创建,然后可以使用 `delete()` 方法来删除表单中的值。
```javascript
const form = document.getElementById("myForm");
const formData = new FormData(form);
for (let pair of formData.entries()) {
formData.delete(pair[0]);
}
```
以上三种方法都可以清空表单,具体使用哪种方法取决于你的需求。