HTML <button> 標簽 · W3School HTML 參考手冊

# HTML <button> 標簽 ## 實例以下代碼標記了一個按鈕： ``` <button type="button">Click Me!</button> ``` ## 瀏覽器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | 所有主流瀏覽器都支持 <button> 標簽。重要事項：如果在 HTML 表單中使用 button 元素，不同的瀏覽器會提交不同的值。Internet Explorer 將提交 <button> 與 <button/> 之間的文本，而其他瀏覽器將提交 value 屬性的內容。請在 HTML 表單中使用 [input 元素](/tags/tag_input.asp "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 元素](/tags/tag_input.asp "HTML 5 <input> 標簽")在 HTML 表單中創建按鈕。 ## 屬性 new : HTML5 中的新屬性。 | 屬性 | 值 | 描述 | | --- | --- | --- | | [autofocus](/tags/att_button_autofocus.asp "HTML5 <button> autofocus 屬性") | autofocus | 規定當頁面加載時按鈕應當自動地獲得焦點。 | | [disabled](/tags/att_button_disabled.asp "HTML5 <button> disabled 屬性") | disabled | 規定應該禁用該按鈕。 | | [form](/tags/att_button_form.asp "HTML5 <button> form 屬性") | *form_name* | 規定按鈕屬于一個或多個表單。 | | [formaction](/tags/att_button_formaction.asp "HTML5 <button> formaction 屬性") | _url_ |覆蓋 form 元素的 action 屬性。注釋：該屬性與 type="submit" 配合使用。 | | [formenctype](/tags/att_button_formenctype.asp "HTML5 <button> formenctype 屬性") | 見注釋 |覆蓋 form 元素的 enctype 屬性。注釋：該屬性與 type="submit" 配合使用。 | | [formmethod](/tags/att_button_formmethod.asp "HTML5 <button> formmethod 屬性") | `get` `post` |覆蓋 form 元素的 method 屬性。注釋：該屬性與 type="submit" 配合使用。 | | [formnovalidate](/tags/att_button_formnovalidate.asp "HTML5 <button> formnovalidate 屬性") | formnovalidate |覆蓋 form 元素的 novalidate 屬性。注釋：該屬性與 type="submit" 配合使用。 | | [formtarget](/tags/att_button_formtarget.asp "HTML5 <button> formtarget 屬性") | `_blank` `_self` `_parent` `_top` `framename` |覆蓋 form 元素的 target 屬性。注釋：該屬性與 type="submit" 配合使用。 | | [name](/tags/att_button_name.asp "HTML5 <button> name 屬性") | *button_name* | 規定按鈕的名稱。 | | [type](/tags/att_button_type.asp "HTML5 <button> type 屬性") | `button` `reset` `submit` | 規定按鈕的類型。 | | [value](/tags/att_button_value.asp "HTML5 <button> value 屬性") | _text_ | 規定按鈕的初始值。可由腳本進行修改。 | 注釋：formenctype 屬性可能的值： * application/x-www-form-urlencoded * multipart/form-data * text/plain ## 全局屬性 <button> 標簽支持 [HTML 中的全局屬性](/tags/html_ref_standardattributes.asp)。 ## 事件屬性 <button> 標簽支持 [HTML 中的事件屬性](/tags/html_ref_eventattributes.asp)。 ## 相關頁面 HTML DOM 參考手冊：[Button 對象](/jsref/dom_obj_pushbutton.asp "HTML DOM Button 對象")