首頁  >  文章  >  web前端  >  對於Form表單reset方法的新認識_javascript技巧

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

WBOY
WBOY原創
2016-05-16 16:56:461575瀏覽

HTML中Form表單的reset方法被用來清空使用者所輸入的內容,以前一直誤以為其是單純的將input等輸入項目中的值清空。

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

w3c上是這樣說的:

在 HTML 表單中 標籤每出現一次,一個 Reset 物件就會被建立。

當重置按鈕被點擊,包含它的表單中所有輸入元素的值都重置為它們的預設值。預設值由 HTML value 屬性或 JavaScript 的 defaultValue 屬性指定。

在實際情況中,我們經常需要在編輯某個內容的時候實現表單reset,但是這個時候input等輸入項的value屬性可能已經被賦予了值,所以reset只是讓表單初始化為這個值。

在這種情況下,我們只能透過javascript去將input等輸入項目的value屬性設為空來達到reset的效果。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn