按鈕”, button標籤的屬性和js程式碼結合可以實現交換效果。"/> 按鈕”, button標籤的屬性和js程式碼結合可以實現交換效果。">

首頁 >web前端 >html教學 >html中button標籤的用法

html中button標籤的用法

王林
王林原創
2021-02-24 14:16:1716133瀏覽

在html中,button標籤用於定義一個按鈕,在元素內部可以放置內容,例如文字或圖像等;使用語法為「

html中button標籤的用法

本文操作環境:windows10系統、html5、thinkpad t480電腦。

用法:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网</title> 
</head> 
<body>

<button type="button" onclick="alert(&#39;你好,世界!&#39;)">点我!</button>
 
</body>
</html>

執行:

html中button標籤的用法

#提示:

如果在HTML 表單中使用< ;button> 元素,不同的瀏覽器可能會提交不同的按鈕值。請使用  在 HTML 表單中建立按鈕。

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

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

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

推薦學習:html教學

以上是html中button標籤的用法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn