html的兩種提交按鈕submit和button

html按鈕有兩種:

<input type="button" value="登錄" onclick="login()"/>

和<button onclick="login()">登錄</button>

這兩種在頁面上看起來好像一樣沒什麼區別,但是這兩種是有區別的。

1,如果在<form id="loginForm" name="loginForm" action="<%=path%>/hdlogin/login.action" method="post"></form>

標籤中,使用<input type="button" value="登錄" onclick="login()"/>,要想提交form,

你必須寫成<input type="submit" value="登錄" onclick="login()"/>,

或者document.loginForm.submit();否則form是不會提交的。

2,如果在form中使用<button onclick="login()">登錄</button>只要點擊就會提交。

<button type="submit" value="登錄" onclick="login()"/>。

今天在使用<button></button>時,我又在js控制表單提交,結果這個action總是莫名其妙的走兩次!

根源就是表單提交了兩次,一次是<button></button>,一次是document.loginForm.submit();

這個錯誤很隱蔽,大家以後要注意。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章