| Depr. | Version |
|---|---|
| No | HTML 3.02 |
| IE5.5+ | FF1+ | SA1.3+ | OP9.2+ | CH2+ |
|---|---|---|---|---|
| Full | Full | Full | Full | Full |
Syntax
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
Thisdisabled
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.
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.