<按鈕>
HTML <button> 標籤
#實例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<button type="button" onclick="alert('你好，世界!')">点我!</button>
</body>
</html>執行實例»
點擊"運行實例" 按鈕查看線上實例
瀏覽器支援
所有主流瀏覽器都支援 <button> 標籤。
標籤定義並使用說明
<button> 標籤定義一個按鈕。
在 <button> 元素內部，您可以放置內容，例如文字或圖像。這是該元素與使用 <input> 元素創建的按鈕之間的不同之處。
提示：請一律為 <button> 元素規定 type 屬性。不同的瀏覽器對 <button> 元素的 type 屬性使用不同的預設值。
提示與註解
註解：如果在 HTML 表單中使用 <button> 元素，則不同的瀏覽器可能會提交不同的按鈕值。請使用 <input> 在 HTML 表單中建立按鈕。
HTML 4.01 與 HTML5之間的差異
HTML5 中的新屬性：autofocus、form、formaction、formenctype、formmethod、formnovalidate 以及 formtarget。
屬性
New ：HTML5 中的新屬性。
| 屬性 | 值 | 描述 |
|---|---|---|
| #autofocusNew | autofocus | 規定當頁面載入時按鈕應自動取得焦點。 |
| disabled | disabled | 規定應該要停用該按鈕。 |
| formNew | form_id | 規定按鈕屬於一個或多個表單。 |
| formactionNew | URL | #規定提交表單時要向何處發送表單數據。覆寫 form 元素的 action 屬性。該屬性與 type="submit" 搭配使用。 |
| formenctypeNew | #application/x-www-form-urlencoded multipart/form-data text/plain | 規定在向伺服器發送表單資料之前如何對其進行編碼。覆寫 form 元素的 enctype 屬性。該屬性與 type="submit" 搭配使用。 |
| formmethodNew | get post | 規定用於傳送表單資料的 HTTP 方法。覆蓋 form 元素的 method 屬性。該屬性與 type="submit" 搭配使用。 |
| formnovalidateNew | formnovalidate | 如果使用該屬性，則提交表單時不進行驗證。覆寫 form 元素的 novalidate 屬性。該屬性與 type="submit" 搭配使用。 |
| formtargetNew | _blank _self _parent _top framename | #規定要開啟 action URL。覆蓋 form 元素的 target 屬性。該屬性與 type="submit" 搭配使用。 |
| name | name | #規定按鈕的名稱。 |
| type | button # reset submit | 規定按鈕的類型。 |
| value | text | #規定按鈕的初始值。可由腳本進行修改。 |
全域屬性
<button> 標籤支援 HTML 的全域屬性。
事件屬性
<button> 標籤支援 HTML 的事件屬性。
相關文章
HTML DOM 參考手冊： Button 物件
