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 =
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
Share your thoughts in the comments
Please Login to comment...