一、html submit與bottom按鈕基本語法結構

1、html submit按鈕

在input標簽里設置type="submit"即可設置此表單控件為按鈕。

submit按鈕代碼：

submit按鈕效果截圖

html submit按鈕效果截圖

2、html bottom按鈕

在input標簽里設置type="bottom"也是即可設置此表單控件為按鈕。

bottom按鈕代碼：

bottom按鈕截圖：

html botton按鈕效果截圖

二、html submit與bottom按鈕區別

type=button 就單純是按鈕功能

type=submit 是發送表單

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

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

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

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

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

比如：

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

2，button代碼

按鈕截圖

3，按鈕HTML 代碼

三、html submit與bottom按鈕美化css p布局

首先我們準備好按鈕美化的按鈕圖片，并對input submit或bottom按鈕控件內添加class樣式即可，設置其按鈕背景為美化圖片，設置好邊框為零，寬度和高度。