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

html button標簽有三個類型:

type=”submit”：提交按鈕（除了Internet Explorer，該值是其他瀏覽器的默認值）。

type=”button”：可點擊的按鈕（Internet Explorer的默認值）。

type=”reset”：重置按鈕（清除表單數據）。

PS：當button標簽被form標簽包含時，比如：

 form action= www.survivalescaperooms.com  button 點擊 /button  /form 

現在說說html button標簽的作用：

由于button在大多數瀏覽器中默認是submit，如果form標簽的action屬性有值的話，點擊button后會跳轉到它設置的鏈接”www.survivalescaperooms.com”；否則，點擊button會刷新當前頁面。

在html中， button 標簽是用來定義一個按鈕，在 button 標簽中可以放置一些內容（文本、圖像等）。 input 標簽也是定義按鈕的，它和 button 標簽的區別是 input 標簽是單標簽，沒有元素內容， button 標簽是雙標簽，可以有元素內容，因此 button 標簽有更強大的功能和更豐富的內容。

注意：在html表單中創建按鈕一般使用 input 標簽，因為在表單中如果使用 button 標簽，不同的瀏覽器會提交不同的值。

button 標簽最好都設置type屬性，因為瀏覽器對 button 標簽的type屬性可能有不同的默認值。

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

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

button 控件與 input type= button 相比，提供了更為強大的功能和更豐富的內容。不過在使用中應該時刻規定type屬性；

在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= http://img.VeVb.com/upload/course/000/117/584/5aa8cd08b9cf9363.jpg width= 100 height= 50  /button  hr/  button type= button autofocus= autofocus 已經獲得焦點 /button  hr/  button type= button disabled= disabled 失效 /button  form action= http://www.survivalescaperooms.com  method= get  請選擇你喜愛的項目: button name= subject type= submit value= HTML HTML /button  button name= subject type= subject value= CSS CSS /button  /form  /body  /html 

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

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

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

【小編推薦】

html中的字體顏色怎么設置？css設置字體顏色方法介紹

html5 header標簽怎么用？html5 header標簽的作用介紹

以上就是html button標簽怎么使用？html button標簽有什么作用？的詳細內容，html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。