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.
<!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
- Internet Explorer
- Firefox
- Opera
- Safari
Attention reader! Don’t stop learning now. Get hold of all the important Comcompetitivepetitve Programming concepts with the Web Design for Beginners | HTML course.
