个人信息表单html页面HTML实现提交和重填按钮，提交跳转出现提交成功页面，重填清空填写内容

在HTML中创建一个包含个人信息表单并实现提交和重填功能的页面，你可以按照以下步骤进行：

1. 首先，创建一个基本的`<form>`元素，定义表单字段如输入框、复选框等：

<form id="personal-info-form">
    <label for="name">姓名：</label>
    <input type="text" id="name" name="name"><br>

    <!-- 其他表单字段... -->

    <button type="submit">提交</button>
    <button type="reset">重填</button>
</form>

2. 使用JavaScript处理表单提交事件。当用户点击“提交”按钮时，可以使用`onsubmit`属性：

<script>
document.getElementById('personal-info-form').addEventListener('submit', function(event) {
    event.preventDefault(); // 阻止默认提交行为

    // 这里你可以添加表单验证，并在验证通过后执行跳转或发送Ajax请求
    // 示例：提交到服务器
    var formData = new FormData(this);
    fetch('/submit-form', {
        method: 'POST',
        body: formData
    }).then(response => response.text())
      .then(data => {
        if (data === 'success') {
          window.location.href = '/submit-success-page'; // 跳转到提交成功页面
        } else {
          alert('提交失败');
        }
      });
});
</script>

3. 当用户点击“重填”按钮时，调用`reset()`方法清除表单数据：

document.getElementById('personal-info-form').addEventListener('click', function() {
    this.reset();
});

这样，当你访问这个页面时，用户就可以填写信息并选择提交或重填表单。完成提交后，会显示提交成功的页面，而点击重填则会清除所有填写的内容。