通过JavaScript重置表单可以使用form元素的reset()方法。该方法会将表单中的所有输入字段重置为它们的初始值。
以下是一个示例代码:
// 获取表单元素
var form = document.getElementById("myForm");
// 重置表单
function resetForm() {
form.reset();
}
// 在按钮点击时调用重置表单函数
var resetButton = document.getElementById("resetButton");
resetButton.addEventListener("click", resetForm);
在上面的代码中,我们首先通过document.getElementById()
方法获取了表单元素,并将其赋值给变量form
。然后定义了一个名为resetForm()
的函数,该函数调用了form
对象的reset()
方法来重置表单。最后,我们通过addEventListener()
方法将重置表单函数绑定到一个按钮的点击事件上。
这样,当用户点击按钮时,表单中的所有输入字段将会被重置为它们的初始值。
推荐的腾讯云相关产品:无
请注意,以上答案仅供参考,具体的实现方式可能会因实际情况而有所不同。
领取专属 10元无门槛券
手把手带您无忧上云