html的button屬性設置
html中的button標簽是常用的標簽之一,它的具體屬性包括很多方面,下面由學習啦小編為大家整理了html的button屬性設置,希望對大家有幫助!
html的button屬性設置
定義和用法
<button> 標簽定義一個按鈕。
在 button 元素內(nèi)部,您可以放置內(nèi)容,比如文本或圖像。這是該元素與使用 input 元素創(chuàng)建的按鈕之間的不同之處。
<button> 控件 與 <input type="button"> 相比,提供了更為強大的功能和更豐富的內(nèi)容。<button> 與 </button> 標簽之間的所有內(nèi)容都是按鈕的內(nèi)容,其中包括任何可接受的正文內(nèi)容,比如文本或多媒體內(nèi)容。例如,我們可以在按鈕中包括一個圖像和相關的文本,用它們在按鈕中創(chuàng)建一個吸引人的標記圖像。
唯一禁止使用的元素是圖像映射,因為它對鼠標和鍵盤敏感的動作會干擾表單按鈕的行為。
請始終為按鈕規(guī)定 type 屬性。Internet Explorer 的默認類型是 "button",而其他瀏覽器中(包括 W3C 規(guī)范)的默認值是 "submit"。
HTML 4.01 與 HTML 5 之間的差異
HTML 5 中的新屬性:autofocus, form, formaction, formenctype, formmethod, formnovalidate 以及 formtarget。
提示和注釋
注釋:如果在 HTML 表單中使用 button 元素,不同的瀏覽器會提交不同的按鈕值。請使用 input 元素在 HTML 表單中創(chuàng)建按鈕。
button屬性設置
new : HTML5 中的新屬性。
屬性 | 值 | 描述 |
---|---|---|
autofocus | autofocus | 規(guī)定當頁面加載時按鈕應當自動地獲得焦點。 |
disabled | disabled | 規(guī)定應該禁用該按鈕。 |
form | form_name | 規(guī)定按鈕屬于一個或多個表單。 |
formaction | url | 覆蓋 form 元素的 action 屬性。 注釋:該屬性與 type="submit" 配合使用。 |
formenctype | 見注釋 | 覆蓋 form 元素的 enctype 屬性。 注釋:該屬性與 type="submit" 配合使用。 |
formmethod |
| 覆蓋 form 元素的 method 屬性。 注釋:該屬性與 type="submit" 配合使用。 |
formnovalidate | formnovalidate | 覆蓋 form 元素的 novalidate 屬性。 注釋:該屬性與 type="submit" 配合使用。 |
formtarget |
| 覆蓋 form 元素的 target 屬性。 注釋:該屬性與 type="submit" 配合使用。 |
name | button_name | 規(guī)定按鈕的名稱。 |
type |
| 規(guī)定按鈕的類型。 |
value | text | 規(guī)定按鈕的初始值。可由腳本進行修改。 |
注釋:formenctype 屬性可能的值:
application/x-www-form-urlencoded
multipart/form-data
text/plain