HTML | DOM Input Image form Property

Last Updated : 07 Sep, 2022

The HTML DOM Input Image form Property is used for returning the reference to the form containing the input image field. It is a read-only property that returns a form object on success.

Syntax:

imageObject.form.id

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

Below Example illustrate that how to return the Form Property.
Example:

HTML

<!DOCTYPE html>
<html>
<head>
    <title>
        HTML DOM Input Image form Property
    </title>
</head>
<body style="text-align:center;">
    <h1 style="color:green;"> 
      GeeksforGeeks 
    </h1>
    <h4>
      DOM Input Image form Property
    </h4>
    <button onclick="my_geek()">
        <form id="myGeeks">
            <input id="myImage" type="image" formAction="test.php"
                   src=
"https://media.geeksforgeeks.org/wp-content/uploads/gfg-40.png"
                   alt="Submit" width="48" height="48" formMethod="post"
                   formNoValidate>
        </form>
    </button>
    <h2 id="Geek_h" style="color:green;"></h2>
    <script>
        function my_geek() {
 
            // Return Input Image form Property
            var txt = document.getElementById(
                "myImage").form.id;
            document.getElementById(
                "Geek_h").innerHTML = txt;
        }
    </script>
</body>
</html>