本篇文章主要的介紹了關於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>
如圖,效果也很簡單。我們一起來看看:
效果是不是很明顯,把能用的都用上了。
好了,以上就是這篇文章的全部內容了,介紹了關於button按鈕標籤的一些用法和作用。有問題的可以在下方提問。
【小編推薦】
html5 header標籤怎麼用? html5 header標籤的作用介紹
以上是html button標籤怎麼使用? html button標籤有什麼作用?的詳細內容。更多資訊請關注PHP中文網其他相關文章!