首頁 >web前端 >html教學 >html button標籤怎麼使用？ html button標籤有什麼作用？

html button標籤怎麼使用？ html button標籤有什麼作用？

寻∝梦原創: 2018-09-04 15:46:1914127瀏覽

本篇文章主要的介紹了關於html button標籤的類型介紹，還有關於html button標籤的作用和使用方法，最後還有使用實例，現在就讓我們一起來看這篇文章吧

先看看html button標籤我們知道多少？

html button標籤有三個類型:

#type=”submit”：提交按鈕（除了Internet Explorer，該值是其他瀏覽器的預設值）。
type=”button」：可點選的按鈕（Internet Explorer的預設值）。
type=”reset」：重設按鈕（清除表單資料）。

PS：當button標籤被form標籤包含時，例如：

<form action="www.php.cn">
    <button>点击</button>
</form>

現在說html button標籤的作用：

由於button在大多數瀏覽器中預設是submit，如果form標籤的action屬性有值的話，點擊button後會跳到它設定的連結」www.php.cn」；否則，點擊button會刷新當前頁面。

在html中，

注意：在html表單中建立按鈕一般使用標籤，因為在表單中如果使用

現在來說說html button標籤的使用：

button更多的功能在button元素內部，您可以放置內容，例如文字或圖像。

在form表單中，internet Explorer的預設類型是"button"，而其他瀏覽器中（包括 W3C 規範）的預設值是"submit"。

使用當然要看實例了：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
<title>php中文网</title>
</head>
<body>
   <button type="button">这是一个PHP中文网</button>
    <hr/>
   <br/>
   <button type="button">
   <img  src="https://img.php.cn/upload/course/000/117/584/5aa8cd08b9cf9363.jpg"    style="max-width:90%"  style="max-width:90%" alt="html button標籤怎麼使用？ html button標籤有什麼作用？" >
   </button>
   <hr/>
   <button type="button" autofocus="autofocus">已经获得焦点</button>
   <hr/>
   <button type="button" disabled="disabled">失效</button>
    <form action="http://www.php.cn"
    method="get">
    请选择你喜爱的项目:
    <button name="subject" type="submit" value="HTML">HTML</button>
    <button name="subject" type="subject" value="CSS">CSS</button>
     </form>
</body>
</html>

如圖，效果也很簡單。我們一起來看看：

html button標籤怎麼使用？ html button標籤有什麼作用？

效果是不是很明顯，把能用的都用上了。

好了，以上就是這篇文章的全部內容了，介紹了關於button按鈕標籤的一些用法和作用。有問題的可以在下方提問。

【小編推薦】

html中的字體顏色怎麼設定？ css設定字體顏色方法介紹

html5 header標籤怎麼用？ html5 header標籤的作用介紹

以上是html button標籤怎麼使用？ html button標籤有什麼作用？的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

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

上一篇：html怎麼給按鈕換顏色？ html button標籤的使用介紹下一篇：html怎麼給按鈕換顏色？ html button標籤的使用介紹

相關文章

看更多