如何重置表單

網頁上常見的一個需求是將表單重置為初始狀態。

過去很多表單上都有一個“重置”按鈕，不過現在我看到它的使用越來越少。

重置按鈕是一個 input 元素，其 type 屬性設置為 “reset”：

<input type="reset">

你也可以使用 JavaScript 來以編程的方式重置表單。

你只需要獲取表單元素的引用：

const form = document.querySelector('form')

然後你可以在該引用上調用 reset() 方法：

form.reset()

這將清空表單中的所有元素，將它們恢復為初始狀態。