HTML | DOM Input Checkbox form Property
Last Updated :
24 Aug, 2022
The Input Checkbox form property in HTML DOM is used to return the reference of form containing the input Checkbox field. It is read only property that returns the form object on success.
Syntax:
checkboxObject.form
Return Values: It returns a string value which specify the reference of the form containing the Input checkbox field.
Example: This example illustrates the Input Checkbox form property.
HTML
<!DOCTYPE html>
< html >
< head >
< title >
DOM Input Checkbox form Property
</ title >
</ head >
< body style = "text-align: center;" >
< h1 style = "color: green;" >
GeeksforGeeks
</ h1 >
< h2 >DOM Input Checkbox form Property</ h2 >
< form id = "myGeeks" >
< input type = "checkbox" name = "check"
id = "GFG" value = "1" checked>Checked by default< br >
< input type = "checkbox" name = "check" value = "2" >
Not checked by default< br >
</ form >< br >
< button onclick = "myGeeks()" >
Submit
</ button >
< p id = "sudo" style = "color:green;font-size:25px;" ></ p >
< script >
function myGeeks() {
var g = document.getElementById("GFG").form.id;
document.getElementById("sudo").innerHTML = g;
}
</ script >
</ body >
</ html >
|
Output:
Before clicking on the Button:
After clicking on the Button:
Supported Browsers: The browser supported by DOM input Checkbox form property are listed below:
- Google Chrome
- Edge 12 and above
- Opera
- Apple Safari
- Mozilla Firefox
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...