定義和用法
<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)的文本集索，用它們在按鈕中創(chuàng)建一個(gè)吸引人的標(biāo)記圖像屿愚。 - 唯一禁止使用的元素是圖像映射，因?yàn)樗鼘κ髽?biāo)和鍵盤敏感的動(dòng)作會(huì)干擾表單按鈕的行為抄谐。
-
請始終為按鈕規(guī)定 type 屬性渺鹦。Internet Explorer 的默認(rèn)類型是 "button"扰法，而其他瀏覽器中（包括 W3C 規(guī)范）的默認(rèn)值是 "submit"蛹含。
<button>標(biāo)簽
圖例
-
從下圖我們看出<button></button>和<button type="button"></button>的區(qū)別。
給后臺(tái)提交的值
自己的實(shí)驗(yàn)
通過network可看到各個(gè)按鈕向后臺(tái)提交數(shù)據(jù)的情況塞颁。
Paste_Image.png
- 2和4是兩個(gè)空按鈕浦箱，1和3都會(huì)提交name: value的值到后臺(tái)吸耿。
（在Chrome瀏覽器下）
補(bǔ)充
- 表單提交時(shí)，所有具有name屬性的html輸入元素(包括input標(biāo)簽酷窥、button標(biāo)簽咽安、select標(biāo)簽等)都將作為鍵值對提交，除了Submit對象蓬推。Submit對象只有在自己被單擊后的提交中才會(huì)作為鍵值對被提交妆棒。
- 但是對于從事WEB UI的人應(yīng)該要注意到，使用submit來提高頁面易用性：使用submit后沸伏，頁面支持鍵盤enter鍵操作糕珊，而很多WEB軟件設(shè)計(jì)師，可能沒有注意到submit毅糟， 用button后往往頁面不支持enter鍵了红选。所以需要支持enter鍵，必須要設(shè)置個(gè)submit姆另，默認(rèn)enter鍵對頁面第一個(gè)submit進(jìn)行操作
總結(jié)
- 估計(jì)學(xué)了js之后還會(huì)有更多補(bǔ)充喇肋。
-
<input type="button" />這就是一個(gè)按鈕。如果你不寫javascript 的話迹辐，按下去什么也不會(huì)發(fā)生蝶防。 -
<input type="submit" />這樣的按鈕用戶點(diǎn)擊之后會(huì)自動(dòng)提交 form，除非你寫了javascript 阻止它右核。 -
<button>這個(gè)按鈕放在 form 中也會(huì)點(diǎn)擊自動(dòng)提交慧脱，比前兩個(gè)的優(yōu)點(diǎn)是按鈕的內(nèi)容不光可以有文字，還可以有圖片等多媒體內(nèi)容贺喝。（當(dāng)然菱鸥，前兩個(gè)用圖片背景也可以做到）。它的缺點(diǎn)是不同的瀏覽器得到的 value 值不同躏鱼；可能還有其他的瀏覽器兼容問題氮采。 - 其他標(biāo)簽，例如 a, img, span, div染苛，然后用圖片把它偽裝成一個(gè)按鈕鹊漠。（這個(gè)按鈕和
<input type="button" />類同）
洪雷鏈接：https://www.zhihu.com/question/20839977/answer/16354924
button標(biāo)簽
button和<input type="button">
