定義和用法
<button>標籤定義一個按鈕。
在button元素內部，您可以放置內容，比如文本或圖像。這是該元素與使用input元素創建的按鈕之間的不同之處。
<button>控件與<inputtype=button>相比，提供了更為強大的功能和更豐富的內容。 <button>與</button>標籤之間的所有內容都是按鈕的內容，其中包括任何可接受的正文內容，比如文本或多媒體內容。例如，我們可以在按鈕中包括一個圖像和相關的文本，用它們在按鈕中創建一個吸引人的標記圖像。
唯一禁止使用的元素是圖像映射，因為它對鼠標和鍵盤敏感的動作會干擾表單按鈕的行為。
請始終為按鈕規定type屬性。 InternetExplorer的默認類型是button，而其他瀏覽器中（包括W3C規範）的默認值是submit。
瀏覽器支持所有主流瀏覽器都支持<button>標籤。
重要事項：如果在HTML表單中使用button元素，不同的瀏覽器會提交不同的值。 InternetExplorer將提交<button>與<button/>之間的文本，而其他瀏覽器將提交value屬性的內容。請在HTML表單中使用input元素來創建按鈕。注意事項在使用<button>標籤時很容易想當然的當成<inputtype=button>使用，這很容易產生以下幾點錯誤用法：
1、通過$('#customBtn').val()獲取<buttonid=customBtnvalue=test>按鈕</button>value的值
在IE(IE內核)下這樣用到得的是值是按鈕，而不是test，非IE下得到的是test。參加上面標紅的第一句話。
這一點要和<inputtype=button>區分開。
通過這兩種方式$('#customBtn').val()，$('#customBtn').attr('value')在不同瀏覽器的獲得值，如下：
Browser/Value | $('#customBtn').val() | $('#customBtn').attr('value') |
Firefox13.0 | test | test |
Chrome15.0 | test | test |
Opera11.61 | test | test |
Safari5.1.4 | test | test |
IE9.0 | 按鈕 | 按鈕 |
驗證這一點可以在測試下面的代碼
複製代碼