JS中type="button"和type="submit"的區(qū)別
Submit是專門用于提交表單的Button,與Button的區(qū)別主要有兩點:
type=button 就單純是按鈕功能
type=submit 是發(fā)送表單
(1)Submit將表單提交(form.submit())作為其onclick后的默認事件,Button并非如此
(2)表單提交時,所有具有name屬性的html輸入元素(包括input標簽、button標簽、select標簽等)都將作為鍵值對提交,除了Submit對象。Submit對象只有在自己被單擊后的提交中才會作為鍵值對被提交。
但是對于從事WEB UI的人應(yīng)該要注意到,使用submit來提高頁面易用性:
使用submit后,頁面支持鍵盤enter鍵操作,而很多WEB軟件設(shè)計師,可能沒有注意到submit統(tǒng)一.
用button后往往頁面不支持enter鍵了。所以需要支持enter鍵,必須要設(shè)置個submit,默認enter鍵對頁面第一個submit進行操作?! ?br />
執(zhí)行完onClick,轉(zhuǎn)到action??梢宰詣犹峤徊恍枰猳nClick。所以說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)文章
JavaScript實現(xiàn)基礎(chǔ)排序算法的示例詳解
這篇文章主要為大家詳細介紹了如何利用JavaScript實現(xiàn)基礎(chǔ)排序算法,如:冒泡排序、選擇排序、插入排序和快速排序,感興趣的可以了解一下2022-06-06
在for循環(huán)中l(wèi)ength值是否需要緩存
這篇文章主要介紹了在for循環(huán)中l(wèi)ength值是否需要緩存,需要的朋友可以參考下2015-07-07
Add a Table to a Word Document
Add a Table to a Word Document...2007-06-06
用js實現(xiàn)終止瀏覽器對頁面HTML的繼續(xù)解析即停止解析 兼容firefox
用js實現(xiàn)終止瀏覽器對頁面HTML的繼續(xù)解析即停止解析 兼容firefox...2007-11-11

