一、重置表單的方法
1、單擊重置按鈕
<input type="reset" value="Reset From">
<button type="reset">Reset From</button>
複製程式碼
2、程式設計方式呼叫reset()
方法
var form = document.getElementById("myForm");
form.reset();
複製程式碼
二、reset事件
- 重置表單時, 會觸發reset事件,此時可以取消重置事件。
- 使用
reset()
方法時,也會觸發reset事件。
三、取消重置表單的方法
阻止預設事件。
四、重置表單後
所有表單欄位會恢復為初始值(即頁面剛載入完畢時候的值)。
如果欄位初始值為空,則恢復為空。
如果欄位帶有預設值,則恢復為預設值。