HTML5中form表单防止重复提交的两种方法

在HTML5中，可以通过以下两种方法来防止表单的重复提交：

1. 使用disable属性：

   在表单提交后，可以通过JavaScript禁用提交按钮，从而防止用户重复点击提交按钮。

<form id="myForm">
  <!-- 表单元素 -->
  <button type="submit" onclick="disableSubmitButton(this)">提交</button>
</form>
 
<script>
function disableSubmitButton(button) {
  button.disabled = true;
}
</script>

2. 使用onsubmit事件：

   在<form>标签上使用onsubmit事件，在表单提交前进行检查。

<form id="myForm" onsubmit="return checkSubmit()">
  <!-- 表单元素 -->
  <button type="submit">提交</button>
</form>
 
<script>
var isSubmitting = false;
 
function checkSubmit() {
  if (isSubmitting) {
    alert('正在提交中，请不要重复提交！');
    return false;
  } else {
    isSubmitting = true;
    return true;
  }
}
</script>

以上两种方法都可以有效地防止表单的重复提交。