實例
以下代碼標記了一個按鈕:
<button type="button">Click Me!</button>
瀏覽器支持
所有主流瀏覽器都支持<button> 標籤。
重要事項:如果在HTML表單中使用button元素,不同的瀏覽器會提交不同的值。Internet Explorer將提交<button>與<button/>之間的文本,而其他瀏覽器將提交value屬性的內容。請在HTML表單中使用input元素來創建按鈕。
定義和用法
<button> 標籤定義一個按鈕。
在button 元素內部,您可以放置內容,比如文本或圖像。這是該元素與使用input 元素創建的按鈕之間的不同之處。
<button> 控件與<input type="button"> 相比,提供了更為強大的功能和更豐富的內容。<button> 與</button> 標籤之間的所有內容都是按鈕的內容,其中包括任何可接受的正文內容,比如文本或多媒體內容。例如,我們可以在按鈕中包括一個圖像和相關的文本,用它們在按鈕中創建一個吸引人的標記圖像。
唯一禁止使用的元素是圖像映射,因為它對鼠標和鍵盤敏感的動作會干擾表單按鈕的行為。
請始終為按鈕規定type 屬性。Internet Explorer 的默認類型是"button",而其他瀏覽器中(包括W3C 規範)的默認值是"submit"。
HTML 4.01 與HTML 5 之間的差異
HTML 5 中的新屬性:autofocus, form, formaction, formenctype, formmethod, formnovalidate 以及formtarget。
提示和註釋
註釋:如果在HTML表單中使用button元素,不同的瀏覽器會提交不同的按鈕值。請使用input元素在HTML表單中創建按鈕。
屬性
屬性 | 值 | 描述 |
---|---|---|
autofocus | autofocus | 規定當頁面加載時按鈕應當自動地獲得焦點。 |
disabled | disabled | 規定應該禁用該按鈕。 |
form | form_name | 規定按鈕屬於一個或多個表單。 |
formaction | url |
覆蓋form 元素的action 屬性。 註釋:該屬性與type="submit"配合使用。 |
formenctype | 見註釋 |
覆蓋form 元素的enctype 屬性。 註釋:該屬性與type="submit"配合使用。 |
formmethod |
|
覆蓋form 元素的method 屬性。 註釋:該屬性與type="submit"配合使用。 |
formnovalidate | formnovalidate |
覆蓋form 元素的novalidate 屬性。 註釋:該屬性與type="submit"配合使用。 |
formtarget |
|
覆蓋form 元素的target 屬性。 註釋:該屬性與type="submit"配合使用。 |
name | button_name | 規定按鈕的名稱。 |
type |
|
規定按鈕的類型。 |
value | text | 規定按鈕的初始值。可由腳本進行修改。 |
註釋: formenctype屬性可能的值:
- application/x-www-form-urlencoded
- multipart/form-data
- text/plain
全局屬性
<button>標籤支持HTML中的全局屬性。
事件屬性
<button>標籤支持HTML中的事件屬性。