和區別

weixin_34104341發表於2020-04-07

定義和用法

<button> 標籤定義一個按鈕。

在 button 元素內部,您可以放置內容,比如文字或影像。這是該元素與使用 input 元素建立的按鈕之間的不同之處。

<button> 控制元件 與 <input type="button"> 相比,提供了更為強大的功能和更豐富的內容。<button> 與 </button> 標籤之間的所有內容都是按鈕的內容,其中包括任何可接受的正文內容,比如文字或多媒體內容。例如,我們可以在按鈕中包括一個影像和相關的文字,用它們在按鈕中建立一個吸引人的標記影像。

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

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

在一個頁面上畫一個按鈕,有四種辦法:
<input type="button" /> 這就是一個按鈕。如果你不寫javascript 的話,按下去什麼也不會發生。
<input type="submit" /> 這樣的按鈕使用者點選之後會自動提交 form,除非你寫了javascript 阻止它。
<button> 這個按鈕放在 form 中也會點選自動提交,比前兩個的優點是按鈕的內容不光可以有文字,還可以有圖片等多媒體內容。(當然,前兩個用圖片背景也可以做到)。它的缺點是不同的瀏覽器得到的 value 值不同;可能還有其他的瀏覽器相容問題。
其他標籤,例如 a, img, span, div,然後用圖片把它偽裝成一個按鈕。

轉載於:https://www.cnblogs.com/fjqq/p/4903674.html

相關文章