html tutorial - disabled Attribute in HTML - html5 - html code - html form

Learn html - html tutorial - Disabled attribute in html - html examples - html programs
- The disabled attribute specifies that the element should be disabled.
- It is a Boolean attribute.
- Disabled attribute is inoperative and unclickable.
- The disabled attribute is used to keep a user from using the element until some other conditions like selecting a checkbox, etc.,
Syntax for disabled attribute in HTML:
<button>disabled</button>
Applies to:
Element | Attribute |
---|---|
<button> | disabled |
<fieldset> | disabled |
<input> | disabled |
<keygen> | disabled |
<optgroup> | disabled |
<option> | disabled |
<select> | disabled |
<textarea> | disabled |
align Attribute Value:
Value | Description |
---|---|
start | Elements are aligned starting from the left or top edge of the box. |
center | Elements are being placed in the center of the box. |
end | Elements are placed on the right or bottom edge of the box |
baseline | Value applies to horizontally so that the elements to be aligned in text and the labels are lined up. |
stretch | Stretched to fit the size of the box. |
left | Aligned in left edges. |
center | Aligned in Centered position |
right | Aligned in right edges. |
Sample coding:
Tryit<!DOCTYPE html>
<html>
<head>
<title>Wikitechy-disabled</title>
</head>
<body>
<button type="button" disabled>Wikitechy</button>
</body>
</html>
Code Explanation for disabled attribute in HTML:

- The disabled attribute is given to deactivate the button click.
Output of disabled attribute in HTML:

- Here the output displays the disable button, which is shown like unclickable function.
Browser Support for disabled attribute in HTML:
![]() |
![]() |
![]() |
![]() |
![]() |
|
---|---|---|---|---|---|
<button> | Yes | Yes | Yes | Yes | Yes |
<fieldset> | Yes | Not supported | Yes | 7.0 | Yes |
<input> | 1.0 | 6.0 | 1.0 | 1.0 | 1.0 |
<keygen> | Yes | Not supported | Yes | 6.0 | Yes |
<optgroup> | 1.0 | 8.0 | Yes | Yes | Yes |
<option> | 1.0 | 8.0 | 1.0 | Yes | Yes |
<select> | Yes | Yes | Yes | Yes | Yes |
<textarea> | Yes | Yes | Yes | Yes | Yes |