HTML | DOM Object form Property

Last Updated : 25 Aug, 2022

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.form

It is used to set the form property:

objObject.form = form_id

Property Values: It contains the value i.e form_id that specifies the number of <form> element that an Object contains.

Return Value It returns a string value which represents the one or more form element that belongs to an Object.

Example: This Example returns a form Property.

HTML

<!DOCTYPE html>
<html>
<body>
    <center>
        <object id="myobject" 
                width="400" 
                height="100"
                name="myGeeks"
                form="myGeeks"
                data=
"https://media.geeksforgeeks.org/wp-content/uploads/geek-8.png">
        </object>
        <h2>DOM Object form Property</h2>
        <form id="myGeeks">
            <label>Name</label>
            <input type="text">
        </form>
        <button onclick="Geeks()">
            Click it
        </button>
        <p id="gfg"
           style="color:green;
                  font-size:25px;">
          </p>
    </center>
    <script>
        function Geeks() {
 
            // Return Object form Property
            var x =
                document.getElementById(
                    "myobject").form.id;
 
            document.getElementById(
                "gfg").innerHTML = x;
        }
    </script>
</body>
</html>