JS中type="button"和type="submit"的區(qū)別

　　Submit是專門用于提交表單的Button，與Button的區(qū)別主要有兩點(diǎn)：

　　type=button 就單純是按鈕功能 

　　type=submit 是發(fā)送表單

　　 (1)Submit將表單提交(form.submit())作為其onclick后的默認(rèn)事件，Button并非如此

　　 (2)表單提交時(shí)，所有具有name屬性的html輸入元素(包括input標(biāo)簽、button標(biāo)簽、select標(biāo)簽等)都將作為鍵值對(duì)提交，除了Submit對(duì)象。Submit對(duì)象只有在自己被單擊后的提交中才會(huì)作為鍵值對(duì)被提交。

　　但是對(duì)于從事WEB UI的人應(yīng)該要注意到，使用submit來(lái)提高頁(yè)面易用性：　　

　　使用submit后，頁(yè)面支持鍵盤enter鍵操作，而很多WEB軟件設(shè)計(jì)師，可能沒有注意到submit統(tǒng)一. 　　

　　用button后往往頁(yè)面不支持enter鍵了。所以需要支持enter鍵，必須要設(shè)置個(gè)submit，默認(rèn)enter鍵對(duì)頁(yè)面第一個(gè)submit進(jìn)行操作?！　?br />

　　執(zhí)行完onClick，轉(zhuǎn)到action。可以自動(dòng)提交不需要onClick。所以說(shuō)onclick這里可以不要。 　　

　　執(zhí)行完onClick，跳轉(zhuǎn)文件在 js文件里控制。提交需要onClick。 

　　比如：

　　1，onclick="form1.action='a.jsp';form1.submit();" 這樣就實(shí)現(xiàn)了submit的功能了。 　　

　講白一些，就是submit會(huì)有一個(gè)跳轉(zhuǎn)，頁(yè)面會(huì)刷新；而button不會(huì)刷新，就是一個(gè)button；可以用<button type="submit/button/reset"></button>來(lái)生成按鈕，更加靈活，樣式更好控制。 　

以上所述是小編給大家介紹的JS中type="button"和type="submit"的區(qū)別，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)億速云網(wǎng)站的支持！