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;" > neveropen </ 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 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