Manual pembangunan HTML
/ <button>
<button>
HTML <button> 標簽 實例 以下代碼標記一個按鈕： <button type='button'>點我!</button> 嘗試一下 ? 瀏覽器支持 所有主流瀏覽器都支持 <button> 標簽。 標簽定義及使用說明 <button》
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> 元素創(chuàng)建的按鈕之間的不同之處。
提示：請始終為 <button> 元素規(guī)定 type 屬性。不同的瀏覽器對 <button> 元素的 type 屬性使用不同的默認值。
提示和注釋
注釋：如果在 HTML 表單中使用 <button> 元素，不同的瀏覽器可能會提交不同的按鈕值。請使用 <input> 在 HTML 表單中創(chuàng)建按鈕。
HTML 4.01 與 HTML5之間的差異
HTML5 中的新屬性：autofocus、form、formaction、formenctype、formmethod、formnovalidate 以及 formtarget。
屬性
New ：HTML5 中的新屬性。
| 屬性 | 值 | 描述 |
|---|---|---|
| autofocusNew | autofocus | 規(guī)定當頁面加載時按鈕應當自動地獲得焦點。 |
| disabled | disabled | 規(guī)定應該禁用該按鈕。 |
| formNew | form_id | 規(guī)定按鈕屬于一個或多個表單。 |
| formactionNew | URL | 規(guī)定當提交表單時向何處發(fā)送表單數據。覆蓋 form 元素的 action 屬性。該屬性與 type="submit" 配合使用。 |
| formenctypeNew | application/x-www-form-urlencoded multipart/form-data text/plain | 規(guī)定在向服務器發(fā)送表單數據之前如何對其進行編碼。覆蓋 form 元素的 enctype 屬性。該屬性與 type="submit" 配合使用。 |
| formmethodNew | get post | 規(guī)定用于發(fā)送表單數據的 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 的事件屬性。
相關文章
HTML DOM 參考手冊： Button 對象