HTML <button>標(biāo)記是表示可單擊按鈕的元素，可以用在表單或文檔其它需要使用簡(jiǎn)單標(biāo)準(zhǔn)按鈕的地方。此標(biāo)記通常也稱(chēng)為 <button>元素。
以下代碼標(biāo)記一個(gè)按鈕：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥(niǎo)教程(cainiaoplus.com)</title>
</head>
<body>
<button type="button" onclick="alert('你好，世界!')">Click me</button>
</body>
</html>測(cè)試看看 ?/?IEFirefoxOperaChromeSafari
所有主流瀏覽器都支持 <button> 標(biāo)簽。
<button> 標(biāo)簽定義一個(gè)按鈕。
在 <button> 元素內(nèi)部，您可以放置內(nèi)容，比如文本或圖像。這是該元素與使用 <input> 元素創(chuàng)建的按鈕之間的不同之處。
HTML <button>元素位于<body>標(biāo)記內(nèi)。
<button>標(biāo)記不能是放在<a>標(biāo)記的后面。
提示：請(qǐng)始終為 <button> 元素規(guī)定 type 屬性。不同的瀏覽器對(duì) <button> 元素的 type 屬性使用不同的默認(rèn)值。
注釋?zhuān)?/strong>如果在 HTML 表單中使用 <button> 元素，不同的瀏覽器可能會(huì)提交不同的按鈕值。請(qǐng)使用 <input> 在 HTML 表單中創(chuàng)建按鈕。
HTML5 中的新屬性：autofocus、form、formaction、formenctype、formmethod、formnovalidate 以及 formtarget。
New ：HTML5 中的新屬性。
| 屬性 | 值 | 描述 |
|---|---|---|
| autofocusHTML5 | autofocus | 規(guī)定當(dāng)頁(yè)面加載時(shí)按鈕應(yīng)當(dāng)自動(dòng)地獲得焦點(diǎn)。 |
| disabled | disabled | 規(guī)定應(yīng)該禁用該按鈕。 |
| formHTML5 | form_id | 規(guī)定按鈕屬于一個(gè)或多個(gè)表單。 |
| formactionHTML5 | URL | 規(guī)定當(dāng)提交表單時(shí)向何處發(fā)送表單數(shù)據(jù)。覆蓋 form 元素的 action 屬性。該屬性與 type="submit" 配合使用。 |
| formenctypeHTML5 | application/x-www-form-urlencoded multipart/form-data text/plain | 規(guī)定在向服務(wù)器發(fā)送表單數(shù)據(jù)之前如何對(duì)其進(jìn)行編碼。覆蓋 form 元素的 enctype 屬性。該屬性與 type="submit" 配合使用。 |
| formmethodHTML5 | get post | 規(guī)定用于發(fā)送表單數(shù)據(jù)的 HTTP 方法。覆蓋 form 元素的 method 屬性。該屬性與 type="submit" 配合使用。 |
| formnovalidateHTML5 | formnovalidate | 如果使用該屬性，則提交表單時(shí)不進(jìn)行驗(yàn)證。覆蓋 form 元素的 novalidate 屬性。該屬性與 type="submit" 配合使用。 |
| formtargetHTML5 | _blank _self _parent _top framename | 規(guī)定在何處打開(kāi) action URL。覆蓋 form 元素的 target 屬性。該屬性與 type="submit" 配合使用。 |
| name | name | 規(guī)定按鈕的名稱(chēng)。 |
| type | submit reset button | 規(guī)定按鈕的類(lèi)型。 |
| value | text | 規(guī)定按鈕的初始值?？捎赡_本進(jìn)行修改。 |
<button> 標(biāo)簽支持 HTML 的全局屬性。
<button> 標(biāo)簽支持 HTML 的事件屬性。
HTML DOM 參考手冊(cè)： Button 對(duì)象