五月综合缴情婷婷六月,色94色欧美sute亚洲线路二,日韩制服国产精品一区,色噜噜一区二区三区,香港三级午夜理伦三级三

您現(xiàn)在的位置: 365建站網(wǎng) > 建站教程 > html教程 > HTML <button> 標(biāo)簽

HTML <button> 標(biāo)簽

此節(jié)有 308 人學(xué)習(xí)過     參與評(píng)論

實(shí)例

以下代碼標(biāo)記了一個(gè)按鈕:

<button type="button">Click Me!</button>

親自試一試

瀏覽器支持

IE Firefox Chrome Safari Opera

所有主流瀏覽器都支持 <button> 標(biāo)簽。

重要事項(xiàng):如果在 HTML 表單中使用 button 元素,不同的瀏覽器會(huì)提交不同的值。Internet Explorer 將提交 <button> 與 <button/> 之間的文本,而其他瀏覽器將提交 value 屬性的內(nèi)容。請(qǐng)?jiān)?HTML 表單中使用 input 元素來(lái)創(chuàng)建按鈕。

定義和用法

<button> 標(biāo)簽定義一個(gè)按鈕。

在 button 元素內(nèi)部,您可以放置內(nèi)容,比如文本或圖像。這是該元素與使用 input 元素創(chuàng)建的按鈕之間的不同之處。

<button> 控件 與 <input type="button"> 相比,提供了更為強(qiáng)大的功能和更豐富的內(nèi)容。<button> 與 </button> 標(biāo)簽之間的所有內(nèi)容都是按鈕的內(nèi)容,其中包括任何可接受的正文內(nèi)容,比如文本或多媒體內(nèi)容。例如,我們可以在按鈕中包括一個(gè)圖像和相關(guān)的文本,用它們?cè)诎粹o中創(chuàng)建一個(gè)吸引人的標(biāo)記圖像。

唯一禁止使用的元素是圖像映射,因?yàn)樗鼘?duì)鼠標(biāo)和鍵盤敏感的動(dòng)作會(huì)干擾表單按鈕的行為。

請(qǐng)始終為按鈕規(guī)定 type 屬性。Internet Explorer 的默認(rèn)類型是 "button",而其他瀏覽器中(包括 W3C 規(guī)范)的默認(rèn)值是 "submit"。

HTML 4.01 與 HTML 5 之間的差異

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

提示和注釋

注釋:如果在 HTML 表單中使用 button 元素,不同的瀏覽器會(huì)提交不同的按鈕值。請(qǐng)使用 input 元素在 HTML 表單中創(chuàng)建按鈕。

屬性

new : HTML5 中的新屬性。

屬性 描述
autofocus autofocus 規(guī)定當(dāng)頁(yè)面加載時(shí)按鈕應(yīng)當(dāng)自動(dòng)地獲得焦點(diǎn)。
disabled disabled 規(guī)定應(yīng)該禁用該按鈕。
form form_name 規(guī)定按鈕屬于一個(gè)或多個(gè)表單。
formaction url

覆蓋 form 元素的 action 屬性。

注釋:該屬性與 type="submit" 配合使用。

formenctype 見注釋

覆蓋 form 元素的 enctype 屬性。

注釋:該屬性與 type="submit" 配合使用。

formmethod
  • get
  • post

覆蓋 form 元素的 method 屬性。

注釋:該屬性與 type="submit" 配合使用。

formnovalidate formnovalidate

覆蓋 form 元素的 novalidate 屬性。

注釋:該屬性與 type="submit" 配合使用。

formtarget
  • _blank
  • _self
  • _parent
  • _top
  • framename

覆蓋 form 元素的 target 屬性。

注釋:該屬性與 type="submit" 配合使用。

name button_name 規(guī)定按鈕的名稱。
type
  • button
  • reset
  • submit
規(guī)定按鈕的類型。
value text 規(guī)定按鈕的初始值。可由腳本進(jìn)行修改。

注釋:formenctype 屬性可能的值:

  • application/x-www-form-urlencoded
  • multipart/form-data
  • text/plain

全局屬性

<button> 標(biāo)簽支持 HTML 中的全局屬性

事件屬性

<button> 標(biāo)簽支持 HTML 中的事件屬性。

相關(guān)頁(yè)面

HTML DOM 參考手冊(cè):Button 對(duì)象

如對(duì)本文有疑問,請(qǐng)?zhí)峤坏浇涣髡搲?,廣大熱心網(wǎng)友會(huì)為你解答!! 點(diǎn)擊進(jìn)入論壇

發(fā)表評(píng)論 (308人查看0條評(píng)論)
請(qǐng)自覺遵守互聯(lián)網(wǎng)相關(guān)的政策法規(guī),嚴(yán)禁發(fā)布色情、暴力、反動(dòng)的言論。
昵稱:
最新評(píng)論
------分隔線----------------------------
html教程目錄

其它欄目

· 建站教程
· 365學(xué)習(xí)

業(yè)務(wù)咨詢

· 技術(shù)支持
· 服務(wù)時(shí)間:9:00-18:00
365建站網(wǎng)二維碼

Powered by 建站教程 RSS地圖 HTML地圖

copyright © 2013-2024 版權(quán)所有 鄂ICP備17013400號(hào)