form的重置reset

HTML中Form表單的reset方法被用來重置用戶所輸入的內容，之前一直誤覺得其是單純的將input等輸入項中的值清空。

但實際上不是這樣的，reset方法的本質是將input等輸入項中的內容還原爲屬性value中的值，而不是「」空值。 

 若是input初始value值不爲""空值，那麼會重置爲最開始的設置的值，若是value的初始值爲「」空值，那麼無影響。

所以使用場景是那些須要修改的值，默認爲出現頻率最高的，用戶一進入該場景，若是是默認的，就不須要修改，直接提交。

 

 

在 HTML 表單中 <input type="reset"> 標籤每出現一次，一個 Reset 對象就會被建立。

當重置按鈕被點擊，包含它的表單中全部輸入元素的值都重置爲它們的默認值。默認值由 HTML value 屬性或 JavaScript 的 defaultValue 屬性指定。

 

在實際狀況中，咱們常常須要在編輯某個內容的時候實現表單reset，可是這個時候input等輸入項的value屬性可能已經被賦予了值，因此reset只是讓表單初始化爲這個值。

在這種狀況下，咱們只能經過javascript去將input等輸入項的value屬性設置爲空來達到reset的效果。