HTML input中button和submit的區別

type=button 就單純是按鈕功能

type=submit 是發送表單

但是對於從事WEB UI的人應該要注意到，使用submit來提高頁面易用性：

使用submit後，頁面支持鍵盤enter鍵操作，而很多WEB軟件設計師，可能沒有註意到submit統一.

用button後往往頁面不支持enter鍵了。所以需要支持enter鍵，必須要設置個submit，默認enter鍵對頁面第一個submit進行操作。

<input type="submit" name="b1" value="提交" onClick="bt_submit_onclick()">

執行完onClick，轉到action。可以自動提交不需要onClick。所以說onclick這裡可以不要。

<input type="button" name="b1" value="提交" onClick="bt_submit_onclick()">

執行完onClick，跳轉文件在js文件裡控制。提交需要onClick。

比如：

1，onclick="form1.action='a.jsp';form1.submit();" & nbsp; 這樣就實現了submit的功能了。

2，<form name="form1" method="post" action="http:/ /www.sina.com.cn">

<input type="button" name="Button" value="Button" onClick="submit()"> </form>

3，<input type="button" name="Button" value="Button" ; onClick="javascript:windows.location.href="你的url"">

type=button 就單純是按鈕功能

type=submit 是發送表單

但是對於從事WEB UI的人應該要注意到，使用submit來提高頁面易用性：

使用submit後，頁面支持鍵盤enter鍵操作，而很多WEB軟件設計師，可能沒有註意到submit統一.

用button後往往頁面不支持enter鍵了。所以需要支持enter鍵，必須要設置個submit，默認enter鍵對頁面第一個submit進行操作。

<input type="submit" name="b1" value="提交" onClick="bt_submit_onclick()">

執行完onClick，轉到action。可以自動提交不需要onClick。所以說onclick這裡可以不要。

<input type="button" name="b1" value="提交" onClick="bt_submit_onclick()">

執行完onClick，跳轉文件在js文件裡控制。提交需要onClick。

比如：

1，onclick="form1.action='a.jsp';form1.submit();" & nbsp; 這樣就實現了submit的功能了。

2，<form name="form1" method="post" action="http:/ /www.sina.com.cn">

<input type="button" name="Button" value="Button" onClick="submit()"> </form>

3，<input type="button" name="Button" value="Button" ; onClick="javascript:windows.location.href="你的url"">