HTML <button> 標籤
實例
以下程式碼標記了一個按鈕:
<button type="button">Click Me!</button>
瀏覽器支援
IE | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|
所有主流瀏覽器都支援 <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 表單中建立按鈕。
屬性
new : HTML5 中的新屬性。
屬性 | 值 | 描述 |
---|---|---|
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 中的事件屬性。
相關頁面
HTML DOM 參考手冊:Button 對像