JavaScript写一个重置输入数据的方法
时间: 2024-02-13 07:01:42 浏览: 133
JavaScript实现重置表单(reset)的方法
5星 · 资源好评率100%
可以使用 JavaScript 写一个重置输入数据的方法,可以通过该方法清空表单中所有输入框的数据,下面是一个简单的实现:
```javascript
function resetInputs() {
// 获取所有输入框元素
const inputs = document.querySelectorAll('input');
// 循环遍历所有输入框元素,将其值设置为空字符串
inputs.forEach(input => {
input.value = '';
});
}
```
在上面的代码中,我们首先使用 `document.querySelectorAll` 方法获取所有的输入框元素,然后使用 `forEach` 方法循环遍历所有输入框元素,将其值设置为空字符串即可。该方法可以在表单提交后或者在需要清空表单数据的其他地方调用。
阅读全文