Skip to content
Related Articles

Related Articles

Improve Article

HTML | DOM Input Range form Property

  • Difficulty Level : Basic
  • Last Updated : 13 May, 2021

The DOM Input Range form Property in HTML DOM is used to return the reference of form containing the input range field. It is a read-only property that returns the form object on success.
Syntax: 
 

rangeObject.form

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

Example: This example illustrates that how to return Input range form property. 
 

html




<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML DOM Input Range form Property
    </title>
</head>
<style>
    #Geek_p {
        font-size: 30px;
        color: green;
    }
</style>
 
<body style="text-align:center;">
 
    <h1 style="color:green;">
            GeeksForGeeks
        </h1>
 
    <h2>DOM Input Range form property
  </h2>
    <form id="geeks">
        <input name=G
               eek_range type="range"
               id="Geek_Range"
               value="90">
    </form>
    <br>
    <br>
    <button onclick="myGeeks()">
        Click Here
    </button>
    <p id="Geek_p"></p>
 
    <script>
        function myGeeks() {
            
            // Return the form id.
            var x =
                document.getElementById(
                  "Geek_Range").form.id;
           
            document.getElementById(
              "Geek_p").innerHTML = x;
        }
    </script>
</body>
 
</html>

Output: 
Before Clicking On Button: 
 



After Clicking On Button: 
 

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

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

 

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.




My Personal Notes arrow_drop_up
Recommended Articles
Page :