HTML | DOM Input Image form Property

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>

Output:

Before Clicking On Button:

After Clicking On Button:

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

Google Chrome
Edge 12+
Firefox
Opera
Safari

Article Tags :

JavaScript

Web Technologies

HTML-DOM