The Button disabled property in HTML DOM is used to set or return whether a Button element would be disabled or not. A disabled element is un-clickable and unusable. It contains a boolean value.
Syntax: It is used to set the button disabled property.
buttonObject.disabled = "value"
Example: In this example, we will disable a button using the disabled attribute.
HTML
< body style = "text-align:center" >
< h1 style = "color: green;" >
GeeksforGeeks
</ h1 >
< h2 >
How to disable button element< br >
dynamically using JavaScript?
</ h2 >
<!-- Assigning id to Button. -->
< button id = "GFG" onclick = "Geeks()" >
Submit
</ button >
< br >< br >
< p id = "sudo" ></ p >
< script >
function Geeks() {
document.getElementById("GFG")
.disabled = "true";
document.getElementById("sudo")
.innerHTML = "Button is Disabled";
}
</ script >
</ body >
|
Output: