HTML | DOM Input Range form Property

Last Updated : 31 Aug, 2022

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>