首頁 > web前端 > html教學 > html button標籤是什麼意思? html button標籤的使用細節

html button標籤是什麼意思? html button標籤的使用細節

寻∝梦
發布: 2018-08-20 14:14:53
原創
6602 人瀏覽過

html button標籤是什麼意思? html button標籤怎麼改變大小的三種方法你知道嗎?這篇文章為大家解釋了HTML button標籤是什麼意思,還有關於button標籤改變大小的三種方法

html button標籤定義與用法:

## button標籤是什麼意思: 標籤之間的所有內容都是按鈕的內容,其中包括任何可接受的正文內容,例如文字或多媒體內容。例如,我們可以在按鈕中包括一個圖像和相關的文本,用它們在按鈕中創建一個吸引人的標記圖像。

唯一禁止使用的元素是影像映射,因為它對滑鼠和鍵盤敏感的動作會幹擾表單按鈕的行為。

請一律為按鈕規定 type 屬性。 Internet Explorer 的預設類型是 "button",而其他瀏覽器中(包括 W3C 規範)的預設值是 "submit"。

HTML

以下程式碼標記了一個按鈕:

<button type="button">Click Me!</button>
登入後複製

html button標籤屬性:

html button標籤是什麼意思? html button標籤的使用細節

註解:formenctype 屬性可能的值:

application/x-www-form-urlencoded

multipart/form-data

text/plain

html button標籤的使用細節:

相信很多初學者對於一些標籤後面需要帶的屬性難免會有遺漏,這邊提的建議是一定要先理解再記憶,不要死板的去記單字組合,下面列一下button標籤需要注意的地方,以加強小伙伴們的記憶,不要在這個問題上再出現第二次的錯誤。

在 button 元素內部,您可以放置​​內容,例如文字或圖像。這是該元素與使用 input 元素建立的按鈕之間的差異。

標籤之間的所有內容都是按鈕的內容,其中包括任何可接受的正文內容,例如文字或多媒體內容。例如,我們可以在按鈕中包括一個圖像和相關的文本,用它們在按鈕中創建一個吸引人的標記圖像。

唯一禁止使用的元素是影像映射,因為它對滑鼠和鍵盤敏感的動作會幹擾表單按鈕的行為。

請一律為按鈕規定 type 屬性。 button的type屬性一共有以下三種:button(可點擊的按鈕Internet Explorer 的預設值);submit(該按鈕是提交按鈕(除了Internet Explorer,該值是其他瀏覽器的預設值));reset(該按鈕是提交按鈕(除了Internet Explorer,該值是其他瀏覽器的預設值));reset(該按鈕是重置按鈕(清除表單資料); Internet Explorer 的預設類型是"button",而其他瀏覽器中(包括W3C 規範)的預設值是"submit"。

但如果在HTML 表單中使用button 元素,不同的瀏覽器會提交不同的按鈕值。InternetExplorer將提交之間的文本,而其他瀏覽器將提交value屬性的內容,所以請注意使用input元素在HTML 表單中建立按鈕。

HTML 4.01 與HTML 5 之間的差異

HTML 5 中的新屬性:autofocus, form, formaction, formenctype, formmethod, formnovalidate 以及formtarget。

瀏覽器支援

所有主流瀏覽器都支援 之間的文本,而其他瀏覽器將提交value 屬性的內容。請在HTML 表單中使用input 元素來建立按鈕。

註解:如果在HTML 表單中使用button 元素,不同的瀏覽器會提交不同的按鈕值。請使用input 元素在HTML 表單中建立按鈕。

【相關推薦】

html center標籤的作用是什麼?html center標籤的應用實例解析

html align屬性是什麼意義?html中的align屬性設定方法介紹
#

以上是html button標籤是什麼意思? html button標籤的使用細節的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板