Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

HTML | DOM Input Image form Property

  • Last Updated : 31 Mar, 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
    </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=
                   alt="Submit" width="48" height="48" formMethod="post"
                   formNoValidate>
 
        </form>
    </button>
    <h2 id="Geek_h" style="color:green;"></h2>
    <script>
        function my_geek() {
 
            // Return target, alt and height.
            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 10.0
  • Firefox 4.0
  • Opera 11.0
  • Safari 5.1

 


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!