清除和重置網絡表單有什麼區別？

Question

我想使用JavaScript reset()函數重置網頁的值。 JavaScript首先執行哪種操作：重置還是清除？兩者之間有什麼區別？

另外，如何使用復位功能檢索值？

Answer 1

清除與重置

清除表單後，所有輸入欄，取消選中複選框，取消選擇多選的選擇，等等;而重置表單會還原所有更改。

例如：

<input type="text" name="name" value="Timothy" /> 
<input type="reset" value="Reset" /> 

這產生了輸入字段的蒂莫西的值。假設用戶將值更改爲Berners-Lee。如果用戶單擊Reset按鈕，則值爲Berners-Lee將恢復（重置）爲Timothy。

清除領域將涉及改變輸入字段的value屬性爲空字符串，如下所示：

<input type="text" name="name" value="" /> 

您可以使用JavaScript改變value屬性。

如果你想獲得（或設置）值的字段，使用JavaScript，請閱讀這些檢索值

：

• http://www.irt.org/script/162.htm
• http://www.javascript-coder.com/javascript-form/javascript-get-form.htm
• http://www.quirksmode.org/js/forms.html

Answer 2

編輯：我修改了我最初的答案，感謝戴夫的評論。看起來他也發佈了答案，而我修改了答案，所以他應該得到「接受」答案。

重置表單將重置表單中所有字段的原始值。如果沒有值，它將清除該字段，如果有值，它將「重置」該字段回到該值。

當您清除表單時，您將基本上通過從表單中刪除所有值。 JavaScript中沒有「清晰的表單」功能，因此您必須通過每個字段並手動清除它們。

所以要回答你的問題，你只是想使用reset（）函數「重置」表單，而不是清除表單。

Answer 3

reset函數的功能與您在表單中有input type="reset"並且點擊它相同。

它會將窗體中所有字段的值重置爲頁面加載時的值。

如果你有這樣一個文本框：

<input type="text" name="info" value="Hejsan" /> 

調用reset功能將把值「Hejsan」早在文本框中。

如果您尚未指定值（或未在select字段中選擇某個選項），則將其重置爲空值（或者對於第一個選項爲select字段）。

reset函數不能用於檢索任何值。