JS中type="button"和type="submit"的區(qū)別
Submit是專門用于提交表單的Button,與Button的區(qū)別主要有兩點:
type=button 就單純是按鈕功能
type=submit 是發(fā)送表單
(1)Submit將表單提交(form.submit())作為其onclick后的默認(rèn)事件,Button并非如此
(2)表單提交時,所有具有name屬性的html輸入元素(包括input標(biāo)簽、button標(biāo)簽、select標(biāo)簽等)都將作為鍵值對提交,除了Submit對象。Submit對象只有在自己被單擊后的提交中才會作為鍵值對被提交。
但是對于從事WEB UI的人應(yīng)該要注意到,使用submit來提高頁面易用性:
使用submit后,頁面支持鍵盤enter鍵操作,而很多WEB軟件設(shè)計師,可能沒有注意到submit統(tǒng)一.
用button后往往頁面不支持enter鍵了。所以需要支持enter鍵,必須要設(shè)置個submit,默認(rèn)enter鍵對頁面第一個submit進行操作?! ?br />
執(zhí)行完onClick,轉(zhuǎn)到action。可以自動提交不需要onClick。所以說onclick這里可以不要。
執(zhí)行完onClick,跳轉(zhuǎn)文件在 js文件里控制。提交需要onClick。
比如:
1,onclick="form1.action='a.jsp';form1.submit();" 這樣就實現(xiàn)了submit的功能了。
講白一些,就是submit會有一個跳轉(zhuǎn),頁面會刷新;而button不會刷新,就是一個button;可以用<button type="submit/button/reset"></button>來生成按鈕,更加靈活,樣式更好控制。
以上所述是小編給大家介紹的JS中type="button"和type="submit"的區(qū)別,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
- button沒寫type=button會導(dǎo)致點擊時提交
- input、button的不同type值在ajax提交表單時導(dǎo)致的陷阱
- JavaScript在form表單中使用button按鈕實現(xiàn)submit提交方法
- JS button按鈕實現(xiàn)submit按鈕提交效果
- input submit、button和回車鍵提交數(shù)據(jù)詳解
- 在javaScript中關(guān)于submit和button的區(qū)別介紹
- 在jQuery ajax中按鈕button和submit的區(qū)別分析
- 在一個form用一個SUBMIT(或button)分別提交到兩個處理表單頁面的代碼
相關(guān)文章
深入理解關(guān)于javascript中apply()和call()方法的區(qū)別
下面小編就為大家?guī)硪黄钊肜斫怅P(guān)于javascript中apply()和call()方法的區(qū)別。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-04-04
JS獲取CSS樣式(style/getComputedStyle/currentStyle)
這篇文章主要為大家介紹了JS獲取CSS樣式的方法,介紹了CSS樣式的三種分類情況,對獲取樣式做一個簡單的封裝,感興趣的小伙伴們可以參考一下2016-01-01
JS Generator 函數(shù)的含義與用法實例總結(jié)
這篇文章主要介紹了JS Generator 函數(shù)的含義與用法,結(jié)合實例形式總結(jié)分析了JS Generator 函數(shù)基本含義、用法及操作注意事項,需要的朋友可以參考下2020-04-04
TypeScript?中使用?getter?和?setter的方法
這篇文章主要介紹了TypeScript?中如何使用?getter?和?setter,?getter使我們能夠?qū)傩越壎ǖ皆谠L問屬性時調(diào)用的函數(shù),而?setter?將屬性綁定到在嘗試設(shè)置屬性時調(diào)用的函數(shù),需要的朋友可以參考下2023-04-04

