W3Schools.com

HTML5 <option> disabled Attribute

HTML5 option Tag Reference HTML5 <option> tag

Example

A drop-down list with one disabled option:

<select>
  <option disabled="disabled" value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="vw">VW</option>
  <option value="audi">Audi</option>
</select>

Try it yourself »

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The disabled attribute is supported in all major browsers.


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.


Differences Between HTML 4.01 and HTML5

None.


Syntax

<option disabled="disabled">

Note: The disabled attribute is a boolean attribute, and can be set in the following ways:

  • <option disabled>
  • <option disabled="disabled">
  • <option disabled="">

HTML5 option Tag Reference HTML5 <option> tag
WEB HOSTING
Best Web Hosting
PHP MySQL Hosting
Best Hosting Coupons
UK Reseller Hosting
Cloud Hosting
Top Web Hosting
$3.98 Unlimited Hosting
Premium Website Design
WEB BUILDING
XML Editor - Free Trial!
FREE Website BUILDER
Best Website Templates Top CSS Templates
CREATE HTML Websites
EASY WEBSITE BUILDER
W3SCHOOLS EXAMS
Get Certified in:
HTML, CSS, JavaScript, XML, PHP, and ASP
W3SCHOOLS BOOKS
New Books:
HTML, CSS
JavaScript, and Ajax
STATISTICS
Browser Statistics
Browser OS
Browser Display
SHARE THIS PAGE