disabled (HTML attribute)

Spec
Depr. Version
No HTML 4
Browser support (more…)
IE5.5+ FF1+ SA1.3+ OP9.2+ CH2+
Full Full Full Full Full

Syntax

disabled="disabled"

Description

The disabled attribute prevents the user from interacting with the form control to which it’s applied. In this case, it stops the user from clicking on the checkbox, or tabbing to it with the keyboard, so the user can’t activate the control.

The most likely use for this attribute is to disable a checkbox until such a time as some other condition has been met, at which point JavaScript would be required to remove the "disabled" value, making the form control usable again.

Example

The disabled attribute stops this checkbox input from being used:
<form>
  <input type="checkbox" name="chknewsletter" id="chknewsletter"
      checked="checked" disabled="disabled"/>
  <label for="chknewsletter">Send me the monthly newsletter</label>
</form>

Value

"disabled" is only possible value for this attribute. If the input should be enabled, simply omit the attribute entirely.

Compatibility

Internet Explorer Firefox Safari Opera Chrome
5.5 6.0 7.0 8.0 1.0 1.5 2.0 3.0 3.5 1.3 2.0 3.1 4.0 9.2 9.5 10.0 2.0
Full Full Full Full Full Full Full Full Full Full Full Full Full Full Full Full Full

It causes no compatibility issues, and has excellent support across all tested browsers.

User-contributed notes

There are no comments yet.

Related Products