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