HTML中Form表單的reset方法被用來清空使用者所輸入的內容,以前一直誤以為其是單純的將input等輸入項目中的值清空。
但實際上不是這樣的,reset方法的本質是將input等輸入項中的內容還原為屬性value中的值,而不是「」空值。
w3c上是這樣說的:
在 HTML 表單中 標籤每出現一次,一個 Reset 物件就會被建立。
當重置按鈕被點擊,包含它的表單中所有輸入元素的值都重置為它們的預設值。預設值由 HTML value 屬性或 JavaScript 的 defaultValue 屬性指定。
在實際情況中,我們經常需要在編輯某個內容的時候實現表單reset,但是這個時候input等輸入項的value屬性可能已經被賦予了值,所以reset只是讓表單初始化為這個值。
在這種情況下,我們只能透過javascript去將input等輸入項目的value屬性設為空來達到reset的效果。