Tutorials References Menu

HTML <option> disabled Attribute

❮ HTML <option> tag

Example

A drop-down list with one disabled option:

<label for="cars">Choose a car:</label>

<select id="cars">
  <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 Yes 8.0 Yes Yes Yes

Syntax

<option disabled>

❮ HTML <option> tag