HTML | DOM 按钮类型属性

DOM Button type属性用于设置或返回 元素的 type 属性的值。

句法：

• 它用于返回类型属性。

  buttonObject.type

• 它用于设置类型属性。

  buttonObject.type = "submit|button|reset"

属性值：

• submit：它定义了一个提交按钮。它对除 Internet Explorer 之外的所有浏览器都有一个默认值。
• 按钮：它定义了一个可点击的按钮。它具有 Internet Explorer 的默认值。
• reset：它定义了一个重置按钮，用于更改表单中的先前数据。

返回值：它返回一个表示按钮类型的字符串值。

示例 1：说明如何返回 buttonObject.type 属性的 HTML 程序。

 
 
     
         
     
     
        
 
            GeeksforGeeks 
        
 
          
        
 
            DOM button type Property 
        
 
          
        

          Click me!                     

                              

输出 ：
在点击按钮之前：

点击按钮后：：

示例 2：示例说明如何设置 buttonObject.type 属性。

 
 
     
        DOM button type Property 
     
     
         
            GeeksforGeeks 
         
          
         
            DOM button type Property 
         
        
       First name: 
       Last name: 
      Submit
      
      CLick on "Try it " Button to 
          change the type of above Button
          
      
        Try it 
          
         
          
         
            function geek() { 
            var x = document.getElementById("btn").type = "submit"
            document.getElementById("g").innerHTML =  
             "The value of a type attribute of a button"
             + " was changed from button to " + x; 
            } 
         
     
 

输出：

在点击按钮之前：

点击按钮后：

支持的浏览器： DOM Button 类型属性支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器