Skip to: content, navigation

by Ian Lloyd

disabled (HTML attribute)

Spec
Depr. Version
No HTML 4
Browser support full matrix
IE5.5+ FF1+ Saf1.3+ Op9.2+
Full Full Full Full
disabled="disabled"

Example

The disabled attribute used in this code will stop the button from being usable:
<form>
  <button accesskey="s" disabled="disabled">I am
      <em>really</em> sure I want to proceed [accesskey = s]</button>
</form>

Description

The disabled attribute stops the user from interacting with the form control. In this case, it stops the user clicking on the button, or tabbing to it using the keyboard—it prevents the user from activating the control.

The most likely use for this attribute is to disable a button until such a time as some other condition has been met (for instance, a checkbox is ticked to confirm the acceptance of terms and conditions). At that point, JavaScript would be required to removed the "disabled" value and make the form control usable.

Value

The only value this attribute can take is "disabled".

Compatibility

IE5.5Full
6.0Full
7.0Full
Firefox1.0Full
1.5Full
2.0Full
Safari1.3Full
2.0Full
3.0Full
Opera9.2Full
9.5Full

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

User-contributed notes

There are no comments yet.

Add a note

To post a note on this topic, please log in with your SitePoint username and password. If you don't have an account yet, you can create a new account for free.

Related Products

The Principles of Beautiful Web Design

Best Seller!

You don’t need to go to Art School to design great looking web sites!

Book Cover: The Principles of Beautiful Web Design

Download the FREE sample chapters