Skip to content
Related Articles

Related Articles

HTML | DOM Input Range form Property
  • Difficulty Level : Basic
  • Last Updated : 16 Apr, 2019

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

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




<!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

full-stack-img




My Personal Notes arrow_drop_up
Recommended Articles
Page :