在线免费观看国产福利_A级毛片免费全部播放无码软件_fc国产日韩精品综合在线_一级毛片成人免费看完整版_久久亚洲热线2021精品_国产99视频精品免视看91_亚洲 欧美 制服 国产_男人的天堂最新网址_国产精品免费AV探花_中文字幕无码第1页

小助手科技_小程序定制開發(fā)圖片

小助手科技_小程序定制開發(fā)圖片

小助手科技_小程序定制開發(fā)圖片

小助手科技_小程序定制開發(fā)圖片

小助手科技_小程序定制開發(fā)圖片

HTML表單中button和submit的原理和差異

作者: 小助手科技
來源: www.I-helper.com
時間: Aug 15, 2020
當前位置:  小助手科技 > 資訊 > HTML表單中button和submit的原理和差異

HTML中submit和button二者都以按鈕的形式展現(xiàn),看起來都是按鈕,但所不同的是type屬性和觸發(fā)響應的事件上,submit會提交表單數(shù)據(jù),而普通的button需要通過js或jq才能提交表單,默認狀態(tài)下沒啥效果。

submit和button兩者主要區(qū)別在于:

1、submit默認為form提交,可以提交表單(form)。submit其實是button的一種特殊的按鈕,他把表單中所有的數(shù)據(jù)集中并提交到了后臺。


2、button作為普通的按鈕則響應用戶自定義的事件,如果不指定onclick等事件處理函數(shù),它是不做任何事情,不會自動提交表單數(shù)據(jù)。當然,button也可以通過JS代碼完成表單提交的工作。比如: onclick="document.form1.submit()"。


3、如果表單在點擊提交按鈕后需要用JS進行處理(包括輸入驗證)后再提交的話,通常都必須把submit改成button,即取消其自動提交的行為,否則,將會造成提交兩次的效果,對于動態(tài)網(wǎng)頁來說,也就是對數(shù)據(jù)庫操作兩次?;蛘咴谑褂胹ubmit時驗證時加return true或false。


4、submit需要有表單時,提交時才會帶數(shù)據(jù)。而button默認是不提交任何數(shù)據(jù)。如果沒有表單的話,又想通過提交某些數(shù)據(jù)給后臺進行回應,則需要通過button,當然使用submit也可以,但是前提要攔截onclick事件。當有表單的時候,如果提交的數(shù)據(jù)很多,那么使用submit比button要好,可以減少很多數(shù)據(jù)的獲取動作。在很多情況下,提交數(shù)據(jù)是要使用JS進行校驗的,但如果這時候用戶禁用了JS,那么校驗就失效了,如果后臺也沒有進行校驗,那么不合法的數(shù)據(jù)就進入后臺了。通常的做法是通過button提交數(shù)據(jù),那么如果用戶禁用JS,那么數(shù)據(jù)提交動作就激活不了,這樣能夠保證提交到后臺的數(shù)據(jù)是經(jīng)過前臺校驗的。

上一篇: Nginx1.15.5安裝

想了解更多?現(xiàn)在就開始免費體驗

請您留言
深圳市小助手科技有限公司
0755-82494862
小助手科技_姓名圖片
小助手科技_電話圖片
小助手科技_郵箱圖片
類型咨詢類型
小助手科技_類型圖片
180 0250 1799(微信同號)
0755-8249 4862
services@l-helper.com
深圳市福田區(qū)泰然八路18號安華工業(yè)園6棟705室
QQ交談 QQ交談
友情鏈接:
網(wǎng)站地圖
Copyright 2014-2020 深圳市小助手科技有限公司-版權(quán)所有
ICP備案號:粵ICP備15072167號-1