免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

button按鈕和submit按鈕有哪些區別

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

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

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

使用場景:

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

用表格對比一下:

場景buttonsubmit
網頁上需要提交信息到服務器
網頁上執行一個普通的事件,如重置、清空功能。
提交表單需要綁定事件才能提交表單數據
局部刷新不可以使用,在觸發事件的同時會提交表單。
沒有表單,卻要提交數據而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按鈕有哪些區別內容對大家有幫助,同時也希望大家多多支持創新互聯,關注創新互聯行業資訊頻道,遇到問題就找創新互聯,詳細的解決方法等著你來學習!

網站欄目:button按鈕和submit按鈕有哪些區別
瀏覽地址:http://m.newbst.com/article22/ispjcc.html

成都網站建設公司_創新互聯,為您提供網站內鏈、網站排名、App開發、外貿建站響應式網站企業建站

廣告

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

成都seo排名網站優化