IE | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|
所有主流瀏覽器都支持 <button> 標(biāo)簽。
重要事項(xiàng):如果在 HTML 表單中使用 button 元素,不同的瀏覽器會(huì)提交不同的值。Internet Explorer 將提交 <button> 與 <button/> 之間的文本,而其他瀏覽器將提交 value 屬性的內(nèi)容。請(qǐng)?jiān)?HTML 表單中使用 input 元素來(lái)創(chuàng)建按鈕。
<button> 標(biāo)簽定義一個(gè)按鈕。
在 button 元素內(nèi)部,您可以放置內(nèi)容,比如文本或圖像。這是該元素與使用 input 元素創(chuàng)建的按鈕之間的不同之處。
<button> 控件 與 <input type="button"> 相比,提供了更為強(qiáng)大的功能和更豐富的內(nèi)容。<button> 與 </button> 標(biāo)簽之間的所有內(nèi)容都是按鈕的內(nèi)容,其中包括任何可接受的正文內(nèi)容,比如文本或多媒體內(nèi)容。例如,我們可以在按鈕中包括一個(gè)圖像和相關(guān)的文本,用它們?cè)诎粹o中創(chuàng)建一個(gè)吸引人的標(biāo)記圖像。
唯一禁止使用的元素是圖像映射,因?yàn)樗鼘?duì)鼠標(biāo)和鍵盤敏感的動(dòng)作會(huì)干擾表單按鈕的行為。
請(qǐng)始終為按鈕規(guī)定 type 屬性。Internet Explorer 的默認(rèn)類型是 "button",而其他瀏覽器中(包括 W3C 規(guī)范)的默認(rèn)值是 "submit"。
HTML 5 中的新屬性:autofocus, form, formaction, formenctype, formmethod, formnovalidate 以及 formtarget。
注釋:如果在 HTML 表單中使用 button 元素,不同的瀏覽器會(huì)提交不同的按鈕值。請(qǐng)使用 input 元素在 HTML 表單中創(chuàng)建按鈕。
new : HTML5 中的新屬性。
屬性 | 值 | 描述 |
---|---|---|
autofocus | autofocus | 規(guī)定當(dāng)頁(yè)面加載時(shí)按鈕應(yīng)當(dāng)自動(dòng)地獲得焦點(diǎn)。 |
disabled | disabled | 規(guī)定應(yīng)該禁用該按鈕。 |
form | form_name | 規(guī)定按鈕屬于一個(gè)或多個(gè)表單。 |
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 | 規(guī)定按鈕的名稱。 |
type |
|
規(guī)定按鈕的類型。 |
value | text | 規(guī)定按鈕的初始值。可由腳本進(jìn)行修改。 |
注釋:formenctype 屬性可能的值:
<button> 標(biāo)簽支持 HTML 中的全局屬性。
<button> 標(biāo)簽支持 HTML 中的事件屬性。
HTML DOM 參考手冊(cè):Button 對(duì)象
如對(duì)本文有疑問,請(qǐng)?zhí)峤坏浇涣髡搲?,廣大熱心網(wǎng)友會(huì)為你解答!! 點(diǎn)擊進(jìn)入論壇