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