type="button"和type="submit"的區別

轉載自: http://luoxiaobo2011-163-com.iteye.com/blog/1331974

 

Submit是專門用於提交表單的Button,與Button的區別主要有兩點:
type=button 就單純是按鈕功能
type=submit 是發送表單
(1)  Submit將表單提交(form.submit())作爲其onclick後的默認事件,Button並非如此
(2)  表單提交時,所有具有name屬性的html輸入元素(包括input標籤、button標籤、select標籤等)都將作爲鍵值對提交,除了Submit對象。Submit對象只有在自己被單擊後的提交中纔會作爲鍵值對被提交。
但是對於從事WEB UI的人應該要注意到,使用submit來提高頁面易用性:
(1)使用submit後,頁面支持鍵盤enter鍵操作,而很多WEB軟件設計師,可能沒有注意到submit統一;
(2)用button後往往頁面不支持enter鍵了。所以需要支持enter鍵,必須要設置個submit,默認enter鍵對頁面第一個submit進行操作
  
執行完onClick,轉到action。可以自動提交不需要onClick。所以說onclick這裏可以不要。
執行完onClick,跳轉文件在 js文件裏控制。提交需要onClick。
比如:
1、οnclick="form1.action='a.jsp';form1.submit();" 這樣就實現了submit的功能了。
 講白一些,就是submit會有一個跳轉,頁面會刷新;而button不會刷新,就是一個button;可以用<button type="submit/button/reset"></button>來生成按鈕,更加靈活,樣式更好控制。  

發佈了78 篇原創文章 · 獲贊 48 · 訪問量 38萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章