HTML <select> disabled Attribute
Example
A disabled drop-down list:
<label for="cars">Choose a car:</label>
<select
name="cars" id="cars" disabled>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</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 the drop-down list should be disabled.
A disabled drop-down list is unusable and un-clickable.
The disabled
attribute can be set to keep a user from using the drop-down
list until some other condition has been met (like selecting a checkbox, etc.).
Then, a JavaScript can remove the disabled value, and make the
drop-down list usable.
Browser Support
Attribute | |||||
---|---|---|---|---|---|
disabled | Yes | 9.0 | Yes | Yes | Yes |
Syntax
<select disabled>
❮ HTML <select> tag