HTML | DOM Input Checkbox type Property
The Input Checkbox type Property in HTML DOM is used to return that which type of form element the checkbox is. For a checkbox input field, this Property was always return only “checkbox”.
Syntax:
checkboxObject.type
Return Value: It returns a string value which represents the type of form element the checkbox.
Example: This example returns the Input Checkbox type Property.
HTML
<!DOCTYPE html><html><head> <title> DOM Input Checkbox type Property </title></head><body style="text-align: center;"> <h1 style="color:green;"> GeeksforGeeks </h1> <h2>DOM Input Checkbox type Property</h2> <form> <!-- 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 return Input Checkbox type attribute --> <script> function myGeeks() { var g = document.getElementById("GFG").type 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 type Property are listed below:
- Google Chrome
- Edge 12 and above
- Opera
- Apple Safari
- Mozilla Firefox
.png)
