BUTTON

可以用來建立三種方鈕：上傳方鈕（submit），重設方鈕（reset），下壓方鈕（push）。INPUT 也可以宣告方鈕；但是 BUTTON 元件較多樣化。

屬性說明
ACCESSKEY | TABINDEX | ONBLUR | ONFOCUS | DISABLED | NAME | TYPE | VALUE
通用屬性 此元件可以使用通用屬性，請參考通用屬性的說明。
ACCESSKEY TABINDEX 請參考屬性與事件。
ONBLUR ONFOCUS 請參考屬性與事件。
DISABLED 取消此方鈕的功能。用滑鼠點擊沒有反應，也不能用 TAB 鍵選取。 <button onclick='alert("您好")'> 點擊我</button> vs <button onclick='alert("您好")' disabled> 點擊我</button> 範例： <button onclick='alert("您好")'> 點擊我</button> vs <button onclick='alert("您好")' disabled> 點擊我</button> 執行結果： vs
NAME 設定方鈕的名字。當輸入表格上傳服務主機時，會將 NAME 及 VALUE 的值傳給主機。一個網頁文件中，可以設多個方鈕，各有不同名字；主機可以用名字，識別不同的方鈕，作不同的服務。
TYPE 設定方鈕的方式。 button：建立一個 下壓方鈕。此鈕沒有預設的工作，可利用事件屬性 啟動展現程序，例如 javascript。 reset：建立一個 重設方鈕。點選此紐，會重設 輸入表格為初值。 submit：建立一個 上傳方鈕。點選此鈕，會上傳 輸入表格到 服務主機。 此為 預設值。 <form> <input size=20 value='輸入，再點清除'> <button type='reset'>清除</button> </form> 範例： <form> <input size=20 value='輸入，再點清除'> <button type='reset'>清除</button> </form> 執行結果：
VALUE 設定方鈕的值。當輸入表格上傳服務主機時，會將 NAME 及 VALUE 的值傳給主機。 <button value='您好' onclick='alert(this.value)'> <img style="width:50px; height:50px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEXecGreDjswocAY_ZZCI48qSK4ZgwSNCwfcbNhGwkn0xwZBFd7C6lUFMHWoQ__AlMAlYUWcGq5gJdCuzZXtmyDbz65lmvwH4NzhVSt817LGKUQAcEnkIPE6DHwsq6U9RBNTU_UajsHtk/s200/shape.jpg" /> </button> 範例： <button value='您好' onclick='alert(this.value)'> <img style="width:50px; height:50px"   src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEXecGreDjswocAY_ZZCI48qSK4ZgwSNCwfcbNhGwkn0xwZBFd7C6lUFMHWoQ__AlMAlYUWcGq5gJdCuzZXtmyDbz65lmvwH4NzhVSt817LGKUQAcEnkIPE6DHwsq6U9RBNTU_UajsHtk/s200/shape.jpg" /> </button> 執行結果： 上例，IE8, Firefox, Safari, Chrome 都能顯示＂您好＂；可是在 IE6 會顯示＂img＂內容。