重置表單

寶寶123發表於2018-09-16

一、重置表單的方法

1、單擊重置按鈕

<input type="reset" value="Reset From">
<button type="reset">Reset From</button>
複製程式碼

2、程式設計方式呼叫reset()方法

var form = document.getElementById("myForm");
form.reset();
複製程式碼

二、reset事件

  1. 重置表單時, 會觸發reset事件,此時可以取消重置事件。
  2. 使用reset()方法時,也會觸發reset事件

三、取消重置表單的方法

阻止預設事件。

四、重置表單後

所有表單欄位會恢復為初始值(即頁面剛載入完畢時候的值)。

如果欄位初始值為空,則恢復為空。

如果欄位帶有預設值,則恢復為預設值。

相關文章