站長資訊網(wǎng)
        最全最豐富的資訊網(wǎng)站

        button按鈕和submit按鈕有什么區(qū)別?

        本篇文章給大家?guī)淼膬?nèi)容是關(guān)于button按鈕和submit按鈕有什么區(qū)別?有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。

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

        使用場景:

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

        用表格對比一下:

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

        補充

        1、上面的場景中,表單在點擊提交按鈕后需要用JS進行處理(包括輸入驗證)后再提交的話,通常我們提倡用button,如果需要使用submit提交前驗證的話 應(yīng)在方法前加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="跳轉(zhuǎn)的頁面" method="post"  onsubmit="return check()">   <input type="text" id="name"/>   <input type="submit" value="提交"/>

        贊(0)
        分享到: 更多 (0)
        網(wǎng)站地圖   滬ICP備18035694號-2    滬公網(wǎng)安備31011702889846號
        主站蜘蛛池模板: 国产三级精品三级在线观看专1| 人妻少妇看A偷人无码精品视频| 国産精品久久久久久久| 四虎国产成人永久精品免费| 国产精品亚洲高清一区二区| 99精品一区二区三区无码吞精 | 99国产欧美久久久精品蜜芽| 久久久久人妻一区精品| 四虎永久在线精品884aa下载| 久久久久久亚洲精品成人| 青娱乐国产精品视频| 国产成人精品久久亚洲高清不卡 | 99久久99久久精品免费看蜜桃| 亚洲国产美女精品久久久久∴ | 国产成人精品综合久久久| 国产精品国产精品国产专区不卡| 亚洲Av永久无码精品三区在线| 久久久久无码精品| 精品国精品国产自在久国产应用男 | 国产成人精品无码免费看| 中文字幕无码精品三级在线电影| 精品视频久久久久| 国产精品VIDEOSSEX久久发布| 欧美精品国产一区二区| 99久久免费国产精精品| 国产精品无码久久久久久| 久久精品国产黑森林| 国产精品午夜国产小视频| 国产精品免费大片一区二区| 91精品久久久久久无码| 日韩精品国产自在久久现线拍| 国产精品久久久久无码av| 99re这里只有精品国产精品| 国产成人精品日本亚洲专| 2018国产精华国产精品| freesexvideos精品老师毛多| 国产精品成熟老女人视频| 国产精品免费高清在线观看| 国产成人精品高清在线观看93 | 久久精品国产亚洲网站| 五月花精品视频在线观看|