Tutorials References Menu

HTML <select> disabled Attribute

❮ HTML <select> tag

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