HTML | DOM Output form Property

HTML | DOM Output form Property

Last Updated : 23 Aug, 2019

The Output form Property in HTML DOM is used for returning a reference to the form where an <Output> Element belongs to. It is read-only Property that returns a form object on success. Syntax:

outputObject.form

Note: There is no property values in HTML DOM Output form Property. Return value: A reference to <form> element containing the <output> element. If <output> element is not in a form, null is returned Example:

html

<!DOCTYPE html>
<html>

<head>
    <title>HTML DOM output form Property </title>
    <style>
        body {
            text-align: center;
        }
        
        h1 {
            color: green;
        }
    </style>
</head>

<body>
    <h1>GeeksforGeeks</h1>
    <h2>HTML DOM Output Form Property</h2>
    <form id="form1" oninput="sumresult.value = parseInt(A.value) 
                + parseInt(B.value) + parseInt(C.value)">
        <input type="number" name="A" value="50" /> +
        <input type="range" name="B" value="0" /> +
        <input type="number" name="C" value="50" />
        <br /> Submit Result:
        <output id="geeks" name="sumresult" for="A B C"></output>
        <br>
        <br>

    </form>
    <button onclick="myGeeks()">submit</button>
    <h2 id="sudo"></h2>
    <script>
        function myGeeks() {
            var g = document.getElementById("geeks").form.id;
            document.getElementById("sudo").innerHTML = g;
        }
    </script>

</body>

</html>

Before Clicking On Button:
After Clicking On Button:

Supported Browsers: The browsers supported by HTML DOM Output form Property are listed below:

Google Chrome
Internet Explorer
Firefox
Opera
Safari

HTML | DOM Output form Property

M

manaschhabra2

Improve

Article Tags :

Similar Reads

HTML | DOM Option form Property

The Option form Property in HTML DOM is used for returning the reference of the form that belongs to Option Element. This Property is read-only that returns a form object on success. Syntax: optionObject.form Return Values: It returns a reference to the form that contains an Option Element. It retur

HTML | DOM Object form Property

The DOM Object form Property in HTML DOM is used to set or return the value of the form attribute of an <object> element. The form attribute is used to specify the one or more forms the <object> will contain. Syntax: It returns the form property.objObject.formIt is used to set the form p

HTML | DOM Output htmlFor Property

The HTML DOM Output htmlFor Property is used for returning the value of the for attribute of an <Output> Element. The htmlFor Attribute is used to specify the relationship between the result and the calculation. Syntax: outputObject.htmlFor Parameter: This property does not accepts any paramet

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 Tel form Property

The DOM Input Tel form Property in HTML is used for returning the reference of the form containing the input tel field. It is a read-only property that returns a form object on success.Â Syntax:Â telObject.form Return Value: It returns a string value that specifies the reference of the form containing