當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文


HTML <button> type屬性用法及代碼示例


<button> type屬性用於指定按鈕的類型。它指定<button>元素的type屬性。 <button>元素的默認類型可能因瀏覽器而異。

用法:

<button type="button|submit|reset">

屬性值:


  • submit:它定義了一個提交按鈕。除Internet Explorer以外,所有瀏覽器均具有默認值。
  • button:它定義了一個可點擊的按鈕。它具有Internet Explorer的默認值。
  • reset:它定義了一個重置​​按鈕,用於更改表單中的先前數據。

例:

<!DOCTYPE html>  
<html>  
    <head>  
        <title> 
            HTML button type Attribute 
        </title>  
    </head>  
      
    <body> 
        <h1>GeeksforGeeks</h1> 
           
        <h3>HTML button type Attribute</h3>  
          
        <form action="#" method="get"> 
            Username:<input type="text" name="uname"> 
              
            <br><br> 
              
            Password:<input type="password" name="pwd"> 
              
            <br><br> 
              
            <button type="submit" value="submit"> 
                Submit 
            </button> 
              
            <button type="reset" value="reset"> 
                Reset 
            </button> 
        </form> 
    </body>  
</html>                                             

輸出:

支持的瀏覽器:下麵列出了HTML <button>類型屬性支持的瀏覽器:

  • 穀歌瀏覽器
  • IE瀏覽器
  • Firefox
  • Safari
  • Opera


相關用法


注:本文由純淨天空篩選整理自jit_t大神的英文原創作品 HTML | <button> type Attribute。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。