HTML | DOM Input Submit form Property

Difficulty Level : Basic
Last Updated : 14 May, 2021

The Input Submit form Property in HTML DOM is used to return the reference of form containing the input Submit field. It is a read-only property that returns the form object on success.
Syntax:

submitObject.form

Return Values: It returns a string value which specify the reference of the form containing the Input submit field

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

html

<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML DOM Input Submit form Property
    </title>
</head>
 
<body style="text-align:center;">
    <h1>
        GeeksForGeeks
    </h1>
     
    <h2>
        HTML DOM Input Submit form Property
    </h2>
     
    <form id="myGeeks" action="#" method="get" target="_self">
        <input type = "submit" id = "Geeks" name="myGeeks"
            value = "Submit @ geeksforgeeks" formTarget="_blank"
            formMethod="post">
    </form>
     
<p>
        click on below button to return the Property
    </p>
 
     
    <button onclick = "myGeeks()">
        Click Here!
    </button>
     
     
    <p id = "GFG"style="font-size:25px;"></p>
  
     
    <!-- Script to set submit form Property -->
    <script>
        function myGeeks() {
            var btn = document.getElementById("Geeks").form.id;
            document.getElementById("GFG").innerHTML = btn;
        }
    </script>
</body>
 
</html>                   

Output:
Before Clicking the Button:

After Clicking the Button:

Supported Browsers: The browser supported by DOM Input Submit form property are listed below:

Google Chrome
Internet Explorer
Firefox
Opera
Safari

Attention reader! Don’t stop learning now. Get hold of all the important Comcompetitivepetitve Programming concepts with the Web Design for Beginners | HTML course.

My Personal Notes

Related Articles

HTML | DOM Input Submit form Property

html