Open In App

HTML | DOM Input Button type Property

Improve
Improve
Like Article
Like
Save
Share
Report

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


Last Updated : 25 Aug, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads