W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗值獎勵
HTML5 <button>標(biāo)簽用來定義按鈕,該標(biāo)簽內(nèi)的內(nèi)容即為你要使用的按鈕的內(nèi)容。
以下代碼標(biāo)記一個按鈕:
<button type="button">點我!</button>
所有主流瀏覽器都支持 <button> 標(biāo)簽。
<button> 標(biāo)簽定義一個按鈕。
在 <button> 元素內(nèi)部,您可以放置內(nèi)容,比如文本或圖像。這是該元素與使用 <input> 元素創(chuàng)建的按鈕之間的不同之處。
提示:請始終為 <button> 元素規(guī)定 type 屬性。不同的瀏覽器對 <button> 元素的 type 屬性使用不同的默認值。
注釋:如果在 HTML 表單中使用 <button> 元素,不同的瀏覽器可能會提交不同的按鈕值。請使用 <input> 在 HTML 表單中創(chuàng)建按鈕。
HTML5 中的新屬性:autofocus、form、formaction、formenctype、formmethod、formnovalidate 以及 formtarget。
New :HTML5 中的新屬性。
屬性 | 值 | 描述 |
---|---|---|
autofocusNew | autofocus | 規(guī)定當(dāng)頁面加載時按鈕應(yīng)當(dāng)自動地獲得焦點。 |
disabled | disabled | 規(guī)定應(yīng)該禁用該按鈕。 |
formNew | form_id | 規(guī)定按鈕屬于一個或多個表單。 |
formactionNew | URL | 規(guī)定當(dāng)提交表單時向何處發(fā)送表單數(shù)據(jù)。覆蓋 form 元素的 action 屬性。該屬性與 type="submit" 配合使用。 |
formenctypeNew | application/x-www-form-urlencoded multipart/form-data text/plain | 規(guī)定在向服務(wù)器發(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> 標(biāo)簽支持 HTML 的全局屬性。
<button> 標(biāo)簽支持 HTML 的事件屬性。
注意: <button> 元素比 <input> 元素更易樣式化。你可以添加內(nèi)聯(lián)HTML內(nèi)容(如<em>,<strong> 甚至<img>),并使用 :after 和 :before 偽元素實現(xiàn)復(fù)雜的渲染,而 <input> 只有文本值屬性。
HTML DOM 參考手冊: Button 對象
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網(wǎng)安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: