form 表单恢复初始数据
在HTML中，如果需要在用户提交表单后恢复初始数据，可以使用JavaScript来清除表单中的数据。以下是一个简单的示例：
HTML部分：
<form id="myForm">
<input type="text" name="name" value="John Doe">
<input type="email" name="email" value="johndoe@example.com">
<input type="submit" value="Submit">
</form>JavaScript部分：
document.getElementById('myForm').onsubmit = function(event) {
event.preventDefault(); // 阻止表单的默认提交行为
this.reset(); // 重置表单，恢复初始数据
};在这个例子中，当用户点击提交按钮时，会触发表单的onsubmit事件处理函数。该函数会先调用event.preventDefault()来阻止表单的默认提交行为，然后调用this.reset()来重置表单，所有的输入字段都会被设置回它们的初始值。这样做可以使得用户在提交表单后不需要重新填写所有的数据。
评论已关闭