<select disabled>

Disclosure: Your support helps keep the site running! We earn a referral fee for some of the services we recommend on this page. Learn more
Attribute of
The Role Of In HTML Forms (To Create Drop-Down Lists)
What does <select disabled> do?
Disables a drop-down list.

Code Example

<p><strong>Select your favorite species of flamingo.</strong></p>

<select disabled>
     <optgroup label="Favorites A-C">
          <option value="American">American flamingo</option>
          <option value="Andean">Andean flamingo</option>
          <option value="Chilean">Chilean flamingo</option>
     </optgroup>
     <optgroup label="Favorites G-L">
          <option value="Greater">Greater flamingo</option>
          <option value="James's">James's flamingo</option>
          <option value="Lesser">Lesser flamingo</option>
     </optgroup>
</select>

Select your favorite species of flamingo.

Intended Usage

disabled lets you deactivate an entire drop-down list, so that it appears on-screen but cannot be clicked on. Normally, a browser will gray out the list until JavaScript triggers its activation.

Claire is seasoned technical writer, editor, and HTML enthusiast. She writes for HTML.com and runs a content agency, Red Robot Media.

Browser Support for disabled

iefirefoxchromeedgesafariopera
AllAllAllAllAllAll