我們在填寫表單的時候，往往都會發現其中有一個“重置”按鈕，其作用也就是重置所有的控件，方便大家在填寫錯誤的情況下，一次性恢復所有的控件的值，但這里可能有一個誤解，就是點擊重置按鈕，就是將所有的控件的內容“清空”，這可能跟我們日常的應用有很大的關系，因為大多數情況下，其作用的確是清空所有控件（一般為text）的內容，于是，很有可能會給我們一個印象，是不是reset方法的作用就是清空所有的控件的值……

??? 其實，不是這樣的，reset真正的作用是將處于form中的所有控件都恢復到控件的“初始狀態”，這個初始狀態可不等于清空其內容，指的是在頁面生成、控件生成的時候，控件自身的默認值！每個控件都有其默認值，當然，我們可以選擇設置或者不設置，或者通過javascript的方式動態初始化控件的值，但，請一定要理解，只有控件源碼中填寫了的值才能成為控件的默認值，javascript動態變更控件值的方式，雖然給用戶的感覺是初始化了頁面控件，但這些值并不是控件的真正默認值哦，下面有一個例子，大家可以試試：

<form name="form1" action="regx.htm">

??????? <input type="text" value="aaa" />

??????? <input type="text" value="bbb" />

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

??????? <select>

??????????? <option value="aaa">aaa</option>

??????????? <option value="bbb" selected>bbb</option>

??????????? <option value="ccc">ccc</option>

??????? </select>

??????? <input type="reset" value="Reset" />

??? </form>

轉載于:https://www.cnblogs.com/huhaohot/archive/2009/01/08/1372011.html

總結

以上是生活随笔為你收集整理的正确理解RESET类型的INPUT控件实现重置效果的机制的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。