html<button>標簽介紹與實例分析

以下代碼標記了一個按鈕：

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

瀏覽器支持

IE

Firefox

Chrome

Safari

Opera

所有主流瀏覽器都支持 <button> 標簽。

重要事項：如果在 HTML 表單中使用 button 元素，不同的瀏覽器會提交不同的值。Internet Explorer 將提交 <button> 與 <button/> 之間的文本，而其他瀏覽器將提交 value 屬性的內容。請在 HTML 表單中使用 input 元素來創建按鈕。

定義和用法

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

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

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

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

請始終為按鈕規定 type 屬性。Internet Explorer 的默認類型是 "button"，而其他瀏覽器中（包括 W3C 規范）的默認值是 "submit"。

HTML 4.01 與 HTML 5 之間的差異

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

提示和注釋

注釋：如果在 HTML 表單中使用 button 元素，不同的瀏覽器會提交不同的按鈕值。請使用 input 元素在 HTML 表單中創建按鈕。

屬性

new : HTML5 中的新屬性。

<button onclick="tz()">跳轉</button>
<script>
function tz(){
 window.location.href='目標網址';
}
</script>

a是超鏈接type="button"寫在a里顯然是不對的
應該這樣寫: <input type="button" value="跳轉"/>
html中的元素都可以用樣式表來改變大小和背景

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com