HTML | DOM Input Range form Property

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>

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 4 and above
Edge 12 and above
Firefox 23 and above
Opera 11 and above
Safari 3.1 and above

HTML | DOM Input Range form Property

M

manaschhabra2

Improve

Article Tags :

Practice Tags :

Misc

Similar Reads

HTML | DOM Input URL form Property

The DOM Input URL form Property is used for returning the reference of the form containing the URL field. It is read-only property and returns a form object on success. Syntax: urlObject.form Return Values: It returns a string value which specify the reference of the form containing the Input URL fi

HTML | DOM Input Text form Property

The DOM Input Text form Property in HTML DOM is used to return the reference of form containing the input Text field. It is a read-only property that returns the form object on success. Syntax: textObject.form Return Values: It returns a string value which specify the reference of the form containin

HTML | DOM Input Range min Property

The Input Range min Property in HTML DOM is used to set or return the value of min attribute of the slider control. The min attribute is used to specify the minimum value of slider control. Syntax: It returns the Input Range min Property:rangeObject.minIt is used to set Input Range min Property:rang

HTML | DOM Input Range max Property

The Input Range max Property in HTML DOM is used to set or return the value of max attribute of the slider control. The max attribute is used to specify the maximum value of slider control. Syntax: It returns the Input Range max Property:rangeObject.maxIt is used to set Input Range max Property:rang

HTML DOM Input Range list Property

The input Range list property in HTML DOM is used to return a reference to the datalist element that contains an input range field. Syntax: rangeObject.list.id Return Value: It returns a string value that represents the value of the id attribute of the datalist element. Example: Below HTML code is u