HTML <option> disabled Attribute
Example
A drop-down list with one disabled option:
<select>
<option value="volvo" disabled>Volvo</option>
<option value="saab">Saab</option>
<option value="vw">VW</option>
<option value="audi">Audi</option>
</select>
Try it Yourself »
Definition and Usage
The disabled attribute is a boolean attribute.
When present, it specifies that an option should be disabled.
A disabled option is unusable and un-clickable.
The disabled attribute can be set to keep a user from selecting the option until some other condition has been met (like selecting a checkbox, etc.). Then, a JavaScript is required to remove the disabled value, and make the option selectable.
Browser Support
The numbers in the table specify the first browser version that fully supports the attribute.
Attribute | |||||
---|---|---|---|---|---|
disabled | 1.0 | 8.0 | 1.0 | Yes | Yes |
Differences Between HTML 4.01 and HTML5
NONE.
Differences Between HTML and XHTML
In XHTML, attribute minimization is forbidden, and the disabled attribute must be defined as <option disabled="disabled">.
Syntax
<option disabled>
❮ HTML <option> tag