HTML < button> 標簽

<button> 標簽用來設(shè)置 HTML 中的按鈕。

實例

以下代碼標記一個按鈕：

Internet Explorer Firefox Opera Google Chrome Safari

所有主流瀏覽器都支持 <button> 標簽。

<button> 標簽定義一個按鈕。

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

提示：請始終為 <button> 元素規(guī)定 type 屬性。不同的瀏覽器對 <button> 元素的 type 屬性使用不同的默認值。

提示：與 <input type="button"> 相比，<button> 標簽提供了更為強大的功能和更豐富的內(nèi)容。

注釋：如果在 HTML 表單中使用 <button> 元素，不同的瀏覽器可能會提交不同的按鈕值。IE 瀏覽器將提交 <button> 標簽之間的文本，而其他瀏覽器將提交 value 屬性的內(nèi)容。請使用 <input> 在 HTML 表單中創(chuàng)建按鈕。

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

New ：HTML5 中的新屬性。

屬性	值	描述
autofocusNew	autofocus	規(guī)定當頁面加載時按鈕應當自動地獲得焦點。
disabled	disabled	規(guī)定應該禁用該按鈕。
formNew	form_id	規(guī)定按鈕屬于一個或多個表單。
formactionNew	URL	規(guī)定當提交表單時向何處發(fā)送表單數(shù)據(jù)。覆蓋 form 元素的 action 屬性。該屬性與 type="submit" 配合使用。
formenctypeNew	application/x-www-form-urlencoded multipart/form-data text/plain	規(guī)定在向服務器發(fā)送表單數(shù)據(jù)之前如何對其進行編碼。覆蓋 form 元素的 enctype 屬性。該屬性與 type="submit" 配合使用。
formmethodNew	get post	規(guī)定用于發(fā)送表單數(shù)據(jù)的 HTTP 方法。覆蓋 form 元素的 method 屬性。該屬性與 type="submit" 配合使用。
formnovalidateNew	formnovalidate	如果使用該屬性，則提交表單時不進行驗證。覆蓋 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ī)定按鈕的初始值。可由腳本進行修改。

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

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

input雜談：BUTTON與INPUT的區(qū)別