Related Articles

Related Articles

HTML | DOM Input Checkbox form Property
  • Difficulty Level : Basic
  • Last Updated : 16 Apr, 2019

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

Example: This example illustrates the Input Checkbox form property.

filter_none

edit
close

play_arrow

link
brightness_4
code

<!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">
               
            <!-- Below input elements have attribute
                checked -->
            <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 to use Input Checkbox form Property -->
        <script>
            function myGeeks() {
                var g = document.getElementById("GFG").form.id;
                document.getElementById("sudo").innerHTML = g;
            }
        </script>
    </body
</html>                               

chevron_right


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
  • Internet Explorer
  • Firefox
  • Opera
  • Safari

full-stack-img




My Personal Notes arrow_drop_up
Recommended Articles
Page :