1. 程式人生 > >type=button和type=submit

type=button和type=submit

url 軟件設計 bmi 進行 cal method 設置 頁面 for

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();" 這樣就實現了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