button按鈕和submit按鈕有哪些區(qū)別

這篇文章主要介紹了button按鈕和submit按鈕有哪些區(qū)別，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

成都創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務，包含不限于成都網(wǎng)站設計、成都網(wǎng)站建設、陜州網(wǎng)絡推廣、微信平臺小程序開發(fā)、陜州網(wǎng)絡營銷、陜州企業(yè)策劃、陜州品牌公關、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務，您的肯定，是我們最大的嘉獎；成都創(chuàng)新互聯(lián)公司為所有大學生創(chuàng)業(yè)者提供陜州建站搭建服務，24小時服務熱線：18982081108，官方網(wǎng)址：muchs.cn

button-普通按鈕，submit-提交按鈕。
submit是button的一個特例，也是button的一種，它把提交這個動作自動集成了，submit和button,二者都以按鈕的形式展現(xiàn),看起來都是按鈕，所不同的是type屬性和處發(fā)響應的事件上。

使用場景：

這里說的部分使用場景，并不是只能用一種，只是說，在這種場景下使用更加方便，程序員工作量小。

用表格對比一下：

場景	button	submit
網(wǎng)頁上需要提交信息到服務器		√
網(wǎng)頁上執(zhí)行一個普通的事件，如重置、清空功能。	√
提交表單	需要綁定事件才能提交表單數(shù)據(jù)	√
局部刷新	√	不可以使用，在觸發(fā)事件的同時會提交表單。
沒有表單，卻要提交數(shù)據(jù)	而button默認是不提交任何數(shù)據(jù)。可以綁定事件的方式來提交數(shù)據(jù)。	submit需要有表單時，提交時才會帶數(shù)據(jù)。當然使用submit也可以，但是前提要攔截onclick事件。
表單數(shù)據(jù)太多的時候	需要寫很多數(shù)據(jù)的獲取動作	推薦
提交數(shù)據(jù)是要使用JS進行校驗的，但如果這時候用戶禁用了JS，那么校驗就失效了，如果后臺也沒有進行校驗，那么不合法的數(shù)據(jù)就進入后臺了。	推薦：通過button提交數(shù)據(jù)，那么如果用戶禁用JS,那么數(shù)據(jù)提交動作就激活不了	不推薦

補充

1、上面的場景中，表單在點擊提交按鈕后需要用JS進行處理（包括輸入驗證）后再提交的話，通常我們提倡用button，如果需要使用submit提交前驗證的話應在方法前加return。onClick方法不加return 會自動提交，并不會起到約束的作用，所以，使用submit時需要驗證請加 return true或false。
如一個登陸模塊，先驗證用戶名是否為空，如果為空，SUBMIT點擊時永遠提交不到from表單指定頁面。只能是表單形式發(fā)送噢！而且不能再表單指定的頁面中去驗證傳進來的值。

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按鈕有哪些區(qū)別內(nèi)容對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)，詳細的解決方法等著你來學習!

網(wǎng)站欄目：button按鈕和submit按鈕有哪些區(qū)別
瀏覽地址：http://muchs.cn/article22/ispjcc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、網(wǎng)站排名、App開發(fā)、外貿(mào)建站、響應式網(wǎng)站、企業(yè)建站

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容