您可以使用addEventListener()方法来绑定一个函数,以在点击reset按钮时执行该函数。在该函数中,您可以通过选择器获取需要清空的表单元素,然后将它们的值设置为空。以下是一个示例代码:\n\njavascript\ndocument.querySelector('.reset-btn').addEventListener('click', function() {\n // 获取需要清空的表单元素\n var input1 = document.querySelector('#input1');\n var input2 = document.querySelector('#input2');\n \n // 清空表单元素的值\n input1.value = '';\n input2.value = '';\n});\n\n\n在上面的代码中,document.querySelector('.reset-btn')选择了具有.reset-btn类名的reset按钮,然后使用addEventListener()方法将一个匿名函数绑定到按钮的点击事件上。在该函数中,通过选择器获取需要清空的表单元素,并将它们的值设置为空。您可以根据实际情况修改选择器和表单元素的id来适应您的代码。

如何使用 JavaScript 清空表单数据:重置按钮示例

原文地址: https://www.cveoy.top/t/topic/p6Fk 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录