disabled (HTML attribute)

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

Syntax

disabled="disabled"

Description

The disabled attribute stops the user from interacting with the form control. In this case, it prevents the user from clicking on the select, or tabbing to it with the keyboard, so the user is prevented from changing the value.

The most likely application for this attribute is to disable a select until such a time as some other condition has been met (for example, a user clicks on a checkbox to confirm terms and conditions). At that point, JavaScript would be required to remove the "disabled" value, making the form control usable.

Example

This disabled attribute prevents the select from being used:
<form>
  <label for="favoritefood">Favorite food</label>
  <select name="favoritefood" id="favoritefood"
      disabled="disabled">
    <option>Cheese</option>
    <option>Egg</option>
    <option>Cabbage</option>
    ⋮
  </select>
</form>

Value

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

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