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的人應該要注意到,使用submit來提高頁面易用性:
使用submit后,頁面支持鍵盤enter鍵操作,而很多WEB軟件設計師,可能沒有注意到submit統一.
用button后往往頁面不支持enter鍵了。所以需要支持enter鍵,必須要設置個submit,默認enter鍵對頁面第一個submit進行操作?! ?br />
執(zhí)行完onClick,轉到action??梢宰詣犹峤徊恍枰猳nClick。所以說onclick這里可以不要。
執(zhí)行完onClick,跳轉文件在 js文件里控制。提交需要onClick。
比如:
1,onclick="form1.action='a.jsp';form1.submit();"
這樣就實現了submit的功能了。
講白一些,就是submit會有一個跳轉,頁面會刷新;而button不會刷新,就是一個button;可以用<button type="submit/button/reset"></button>
來生成按鈕,更加靈活,樣式更好控制。
以上所述是小編給大家介紹的JS中type="button"和type="submit"的區(qū)別,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!
相關文章
深入理解關于javascript中apply()和call()方法的區(qū)別
下面小編就為大家?guī)硪黄钊肜斫怅P于javascript中apply()和call()方法的區(qū)別。小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-04-04JS獲取CSS樣式(style/getComputedStyle/currentStyle)
這篇文章主要為大家介紹了JS獲取CSS樣式的方法,介紹了CSS樣式的三種分類情況,對獲取樣式做一個簡單的封裝,感興趣的小伙伴們可以參考一下2016-01-01TypeScript?中使用?getter?和?setter的方法
這篇文章主要介紹了TypeScript?中如何使用?getter?和?setter,?getter使我們能夠將屬性綁定到在訪問屬性時調用的函數,而?setter?將屬性綁定到在嘗試設置屬性時調用的函數,需要的朋友可以參考下2023-04-04