Skip to content
Related Articles

Related Articles

HTML | DOM Input Number form Property

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

The DOM Input Number form Property in HTML is used for returning the reference of the form containing the input number field. It is a read-only Property that returns a form object on success. 

Syntax: 

numberObject.form 

Return Values: It returns a string value which specify the reference of the form containing the Input Number field. 

Example: Below program illustrates the Input number form property.  

HTML




<!DOCTYPE html>
<html>
 
<body style="text-align:center;">
 
    <h1 style="color:green;">
        GeeksForGeeks
    </h1>
 
    <h2>DOM Input Number form Property</h2>
    <form id="myGeeks">
        <input type="number" id="myNumber"
            step="5" name="geeks" placeholder="multiples of 5">
    </form> <br><br>
    <button onclick="myFunction()">
        Click Here!
    </button>
    <p id="demo" style="font-size:23px;color:green;"></p>
 
    <script>
        function myFunction() {
 
            // Return Form_id
            var x =
                document.getElementById("myNumber").form.id;
            document.getElementById(
                "demo").innerHTML = x;
        }
    </script>
</body>
 
</html>

Output: 
Before clicking on the button: 

After clicking on the button: 

Supported Browsers: The browser supported by DOM input number form Property are listed below: 

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

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!