萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> 對於Form表單reset方法的新認識

對於Form表單reset方法的新認識

  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的效果。

 

copyright © 萬盛學電腦網 all rights reserved