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">
 
        <!-- 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>