最新的Web開發教程
 

HTML <button> Tag


一個可點擊的按鈕被標記如下:

<button type="button">Click Me!</button>
試一試»

定義和用法

<button>標籤定義一個可點擊的按鈕。

裡面<button>元素,你可以把內容,如文字或圖像。 這是這個元素,並與創建的按鈕之間的區別<input>元素。

提示:一定要指定type的屬性<button>元素。不同的瀏覽器使用不同的默認類型為<button>元素。


瀏覽器支持

元件
<button>

提示和注意

注:如果您使用<button>在HTML表單元素,不同的瀏覽器可以提交不同的值。使用<input>在HTML表單中創建按鈕。

提示:請訪問我們的CSS教程按鈕來了解如何樣式按鈕用CSS。


HTML 4.01和HTML5之間的差異

HTML5具有以下新特性: autofocus, form, formaction, formenctype, formmethod, formnovalidateformtarget


屬性

=新的HTML5。

屬性 描述
autofocus autofocus 指定一個按鈕,將自動獲得焦點的頁面加載時
disabled disabled 指定一個按鈕應被禁用
form form_id 指定按鈕所屬的一個或多個表單
formaction URL 指定當提交表單向何處發送表單數據。 僅用於type="submit"
formenctype application/x-www-form-urlencoded
multipart/form-data
text/plain
指定如何表單數據應該發送到服務器之前進行編碼。 僅用於type="submit"
formmethod get
post
指定如何發送表單數據(使用的HTTP方法)。 僅用於type="submit"
formnovalidate formnovalidate 指定表單數據不應該在提交驗證。 僅用於type="submit"
formtarget _blank
_self
_parent
_top
framename
指定在哪裡顯示遞交表格後的反應。 僅用於type="submit"
name name 指定名稱為按鈕
type button
reset
submit
指定按鈕的類型
value text 指定為按鈕的初始值

全局屬性

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


事件屬性

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


相關頁面

HTML DOM參考: 按鈕對象

CSS教程: 樣式按鈕


默認設置CSS

沒有。