HTML5 <button> 標(biāo)簽

2022-05-23 14:39 更新

實(shí)例

HTML5 <button>標(biāo)簽用來定義按鈕,該標(biāo)簽內(nèi)的內(nèi)容即為你要使用的按鈕的內(nèi)容。

以下代碼標(biāo)記一個(gè)按鈕:

<button type="button">點(diǎn)我!</button>
嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持 <button> 標(biāo)簽。


標(biāo)簽定義及使用說明

<button> 標(biāo)簽定義一個(gè)按鈕。

在 <button> 元素內(nèi)部,您可以放置內(nèi)容,比如文本或圖像。這是該元素與使用 <input> 元素創(chuàng)建的按鈕之間的不同之處。

提示:請(qǐng)始終為 <button> 元素規(guī)定 type 屬性。不同的瀏覽器對(duì) <button> 元素的 type 屬性使用不同的默認(rèn)值。


提示和注釋

注釋:如果在 HTML 表單中使用 <button> 元素,不同的瀏覽器可能會(huì)提交不同的按鈕值。請(qǐng)使用 <input> 在 HTML 表單中創(chuàng)建按鈕。


HTML 4.01 與 HTML5之間的差異

HTML5 中的新屬性:autofocus、form、formaction、formenctype、formmethod、formnovalidate 以及 formtarget。


屬性

New :HTML5 中的新屬性。

屬性 描述
autofocusNew autofocus 規(guī)定當(dāng)頁面加載時(shí)按鈕應(yīng)當(dāng)自動(dòng)地獲得焦點(diǎn)。
disabled disabled 規(guī)定應(yīng)該禁用該按鈕。
formNew form_id 規(guī)定按鈕屬于一個(gè)或多個(gè)表單。
formactionNew URL 規(guī)定當(dāng)提交表單時(shí)向何處發(fā)送表單數(shù)據(jù)。覆蓋 form 元素的 action 屬性。該屬性與 type="submit" 配合使用。
formenctypeNew application/x-www-form-urlencoded
multipart/form-data
text/plain
規(guī)定在向服務(wù)器發(fā)送表單數(shù)據(jù)之前如何對(duì)其進(jìn)行編碼。覆蓋 form 元素的 enctype 屬性。該屬性與 type="submit" 配合使用。
formmethodNew get
post
規(guī)定用于發(fā)送表單數(shù)據(jù)的 HTTP 方法。覆蓋 form 元素的 method 屬性。該屬性與 type="submit" 配合使用。
formnovalidateNew formnovalidate 如果使用該屬性,則提交表單時(shí)不進(jìn)行驗(yàn)證。覆蓋 form 元素的 novalidate 屬性。該屬性與 type="submit" 配合使用。
formtargetNew _blank
_self
_parent
_top
framename
規(guī)定在何處打開 action URL。覆蓋 form 元素的 target 屬性。該屬性與 type="submit" 配合使用。
name name 規(guī)定按鈕的名稱。
type button
reset
submit 
規(guī)定按鈕的類型。
value text 規(guī)定按鈕的初始值。可由腳本進(jìn)行修改。


全局屬性

<button> 標(biāo)簽支持 HTML 的全局屬性。


事件屬性

<button> 標(biāo)簽支持 HTML 的事件屬性。


注意: <button> 元素比 <input> 元素更易樣式化。你可以添加內(nèi)聯(lián)HTML內(nèi)容(如<em>,<strong> 甚至<img>),并使用 :after 和 :before 偽元素實(shí)現(xiàn)復(fù)雜的渲染,而 <input> 只有文本值屬性。

相關(guān)文章

HTML DOM 參考手冊(cè): Button 對(duì)象


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)