button與submit的差異介紹

在一個頁面上畫一個按鈕，有四種方法：

這是一個按鈕。如果你不寫javascript 的話，按下去什麼事也不會發生。

這樣的按鈕使用者點擊之後會自動提交 form，除非你寫了javascript 阻止它。

這個按鈕放在 form 中也會點選自動提交，比前兩個的優點是按鈕的內容不光可以有文字，還可以有圖片等多媒體內容。 （當然，前兩個用圖片背景也可以做到）。它的缺點是不同的瀏覽器得到的 value 值不同；可能還有其他的瀏覽器相容問題（葛亮）。

其他標籤，例如 a, img, span, div，然後用圖片把它偽裝成一個按鈕。

Submit是專門用來提交表單的Button，與Button的差異主要有兩點：
　　type=button 就單純是按鈕功能  
　　type=submit 是發送表單

#　　 (1)Submit將表單提交(form.submit())作為其onclick後的預設事件，Button並非如此
　　 (2)表單提交時，所有具有name屬性的html輸入元素(包括input標籤、button標籤、select標籤等)都將作為鍵值對提交，除了Submit物件。 Submit物件只有在自己被點擊後的提交中才會作為鍵值對被提交。
　　但是對於從事WEB UI的人應該要注意到，使用submit來提高頁面易用性：
　　
　　使用submit後，頁面支援鍵盤enter鍵操作，而很多WEB軟體設計師，可能沒有注意到submit統一. 
　　
　　用button後往往頁面不支援enter鍵了。所以需要支援enter鍵，必須設定個submit，預設enter鍵對頁面第一個submit進行操作。
　　
　　
　　執行完onClick，前往action。可以自動提交不需要onClick。所以說onclick這裡可以不要。 
　　
　　執行完onClick，跳到檔案在 js檔案裡控制。提交需要onClick。  
　　例如： 
　　1，onclick="form1.action='a.jsp';form1.submit();" 這樣就實現了submit的功能了。
　　

　講白一些，就是submit會有一個跳轉，頁面會刷新；而button不會刷新，就是一個button；可以用< /button>來產生按鈕，更靈活，樣式更好控制。 　###

以上是button與submit的差異介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！