Skip to content
Related Articles

Related Articles

Improve Article
HTML | DOM Input Button type Property
  • Difficulty Level : Basic
  • Last Updated : 04 Nov, 2019

The DOM Input Button type Property in HTML DOM is used for returning the which type of form element containing the Input Button field is. This Property will always return “Button”.

Syntax:

buttonObject.type

Below program illustrates the use of Input Button type Property.
Example-1:




<!DOCTYPE html>
<html>
  
<head>
    <style>
        h1 {
            color: green;
        }
    </style>
</head>
  
<body style="text-align:center;">
    <h1>GeeksForGeeks</h1>
    <h2>
      DOM Input Button type Property 
  </h2>
  
    <!-- Assigning button id -->
    <input type="button"
           id="GFG"
           onclick="myGeeks()"
           value="Submit">
  
    <p id="sudo" 
       style="color:green;
              font-size:25px;">
  </p>
  
    <script>
        function myGeeks() {
  
            // accessing 'button' id. 
            var g = 
                document.getElementById(
                  "GFG").type;
            
            document.getElementById(
              "sudo").innerHTML = g;
        }
    </script>
  
</body>
  
</html>

Output:

Before Clicking On Button :

After Clicking On Button :

Supported Browsers: The browser supported by DOM input Button type property listed below:

  • Google Chrome
  • Internet Explorer 10.0 +
  • Firefox
  • Opera
  • Safari



My Personal Notes arrow_drop_up
Recommended Articles
Page :