<form id="hz9zz"></form>
  • <form id="hz9zz"></form>

      <nobr id="hz9zz"></nobr>

      <form id="hz9zz"></form>

    1. 明輝手游網中心:是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺!

      html button標簽如何使用?html button標簽有什么作用?

      [摘要]本篇文章主要的介紹了關于html button標簽的類型介紹,還有關于html button標簽的作用和使用方法,最后還有使用實例,現在就讓我們一起來看這篇文章吧首先看看html button標簽我們知道多少?html button標簽有三個類型:type=”submit”:提交按鈕(除了Inte...
      本篇文章主要的介紹了關于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中,<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.php.cnhttp://img6-2.22122511.com/upload/web_2/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.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>

      如圖,效果也很簡單。我們一起來看看:

      tuyi.png

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

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

      【小編推薦】

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

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

      以上就是html button標簽怎么使用?html button標簽有什么作用?的詳細內容,更多請關注php中文網其它相關文章!


      網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。




      日韩精品一区二区三区高清