Skip to content
Related Articles

Related Articles

HTML | DOM Input Button type Property

View Discussion
Improve Article
Save Article
  • Difficulty Level : Basic
  • Last Updated : 25 Aug, 2022
View Discussion
Improve Article
Save Article

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

Return Values: It returns a string value which represents the type of form element a input button field is. 

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

HTML




<!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() {
 
            // Return Input Button type Property
            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 1
  • Edge 12
  • Firefox 1
  • Opera
  • Safari 1

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!