1. 程式人生 > >HTML:關於form表單的重置按鈕

HTML:關於form表單的重置按鈕

      今天發現一個神奇的事情,查詢之後,點選“重置按鈕”,搜尋框的輸入項沒有發生響應,後面才發現原來是因為我錯誤的認為reset 按鈕單純的將input等輸入項中的值清空,但其實並非如此。

      w3c上是這樣說的: 

      在 HTML 表單中 <input type="reset"> 標籤每出現一次,一個 Reset 物件就會被建立。當重置按鈕被點選,包含它的表單中所有輸入元素的值都重置為它們的預設值。預設值由 HTML value 屬性或JavaScript 的 defaultValue 屬性指定。 
      在實際情況中,我們經常需要在編輯某個內容的時候實現表單reset,但是這個時候input等輸入項的value屬性可能已經被賦予了值(通過設定value屬性),所以reset只是讓表單初始化為這個值。在這種情況下,我們只能通過js去將input等輸入項的value屬性設定為空來達到reset的效果。