溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了button按鈕和submit按鈕有哪些區別，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
button-普通按鈕，submit-提交按鈕。
submit是button的一個特例，也是button的一種，它把提交這個動作自動集成了，submit和button,二者都以按鈕的形式展現,看起來都是按鈕，所不同的是type屬性和處發響應的事件上。
這里說的部分使用場景，并不是只能用一種，只是說，在這種場景下使用更加方便，程序員工作量小。
用表格對比一下：
| 場景 | button | submit |
|---|---|---|
| 網頁上需要提交信息到服務器 | √ | |
| 網頁上執行一個普通的事件，如重置、清空功能。 | √ | |
| 提交表單 | 需要綁定事件才能提交表單數據 | √ |
| 局部刷新 | √ | 不可以使用，在觸發事件的同時會提交表單。 |
| 沒有表單，卻要提交數據 | 而button默認是不提交任何數據。可以綁定事件的方式來提交數據。 | submit需要有表單時，提交時才會帶數據。當然使用submit也可以，但是前提要攔截onclick事件。 |
| 表單數據太多的時候 | 需要寫很多數據的獲取動作 | 推薦 |
| 提交數據是要使用JS進行校驗的，但如果這時候用戶禁用了JS，那么校驗就失效了，如果后臺也沒有進行校驗，那么不合法的數據就進入后臺了。 | 推薦：通過button提交數據，那么如果用戶禁用JS,那么數據提交動作就激活不了 | 不推薦 |
補充
1、上面的場景中，表單在點擊提交按鈕后需要用JS進行處理（包括輸入驗證）后再提交的話，通常我們提倡用button，如果需要使用submit提交前驗證的話 應在方法前加return。onClick方法不加return 會自動提交，并不會起到約束的作用， 所以，使用submit時需要驗證請加 return true或false。
如一個登陸模塊，先驗證用戶名是否為空，如果為空，SUBMIT點擊時永遠提交不到from表單指定頁面。只能是表單形式發送噢！而且不能再表單指定的頁面中去驗證傳進來的值。
function check(){
var name = document.getElementById("name").value;
if(name == null || name == ''){
alert("用戶名不能為空");
return false;
}
return true;
}
<form name="form" action="跳轉的頁面" method="post" onsubmit="return check()">
<input type="text" id="name"/>
<input type="submit" value="提交"/>感謝你能夠認真閱讀完這篇文章，希望小編分享button按鈕和submit按鈕有哪些區別內容對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
