HTML | DOM Input Button type Property
Last Updated :
25 Aug, 2022
The DOM Input Button type Property in HTML DOM is used for returning the which type of form element containing the Input Button field is. This Property will always return “Button”.
Syntax:
buttonObject.type
Return Values: It returns a string value which represents the type of form element a input button field is.
Below program illustrates the use of Input Button type Property.
Example 1:
HTML
<!DOCTYPE html>
< html >
< head >
< style >
h1 {
color: green;
}
</ style >
</ head >
< body style = "text-align:center;" >
< h1 >GeeksForGeeks</ h1 >
< h2 >
DOM Input Button type Property
</ h2 >
< input type = "button"
id = "GFG"
onclick = "myGeeks()"
value = "Submit" >
< p id = "sudo"
style="color:green;
font-size:25px;">
</ p >
< script >
function myGeeks() {
// Return Input Button type Property
var g =
document.getElementById(
"GFG").type;
document.getElementById(
"sudo").innerHTML = g;
}
</ script >
</ body >
</ html >
|
Output:
Before Clicking On Button:
After Clicking On Button:
Supported Browsers: The browser supported by DOM input Button type property listed below:
- Google Chrome 1
- Edge 12
- Firefox 1
- Opera
- Safari 1
Share your thoughts in the comments
Please Login to comment...