close

htmltag.jpg

實例

以下代碼標記了一個按鈕:

<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
  • get
  • post

覆蓋form 元素的method 屬性。

註釋:該屬性與type="submit"配合使用。

formnovalidate formnovalidate

覆蓋form 元素的novalidate 屬性。

註釋:該屬性與type="submit"配合使用。

formtarget
  • _blank
  • _self
  • _parent
  • _top
  • framename

覆蓋form 元素的target 屬性。

註釋:該屬性與type="submit"配合使用。

name button_name 規定按鈕的名稱。
type
  • button
  • reset
  • submit
規定按鈕的類型。
value text 規定按鈕的初始值。可由腳本進行修改。

註釋: formenctype屬性可能的值:

  • application/x-www-form-urlencoded
  • multipart/form-data
  • text/plain

全局屬性

<button>標籤支持HTML中的全局屬性。


事件屬性

<button>標籤支持HTML中的事件屬性。

arrow
arrow
    創作者介紹
    創作者 設計密碼工作室 的頭像
    設計密碼工作室

    Design Code 設計密碼

    設計密碼工作室 發表在 痞客邦 留言(0) 人氣()