HTML 5 <option> tag

Definition and Usage

The option element defines an option in the drop-down list. 

Differences Between HTML 4.01 and HTML 5

In HTML 5, the <option> element is also used in the new element <datalist>.

Tips and Notes

Note: The <option> tag can be used without any attributes, but you usually need the value attribute, which indicates what is sent to the server.

Note: Use this tag in conjunction with <select> or <datalist> elements, elsewhere it is meaningless. 

Example

Attributes

• 4: indicates if the attribute is defined in HTML 4.01
• 5: indicates if the attribute is defined in HTML 5

Standard Attributes

For a full description, go to Standard Attributes in HTML 5.

Event Attributes

For a full description, go to Event Attributes in HTML 5.

Try-It-Yourself Demos

Simple drop down box
How to create a simple drop-down box on an HTML page. A drop-down box is a selectable list.

Another drop down box
How to create a simple drop-down box with a pre-selected value.

Get Your Diploma! W3Schools' Online Certification Program is the perfect solution for busy professionals who need to balance work, family, and career building. The HTML Certificate is for developers who want to document their knowledge of HTML, XHTML, and CSS. The JavaScript Certificate is for developers who want to document their knowledge of JavaScript and the HTML DOM. The XML Certificate is for developers who want to document their knowledge of XML, XML DOM and XSLT. The ASP Certificate is for developers who want to document their knowledge of ASP, SQL, and ADO. The PHP Certificate is for developers who want to document their knowledge of PHP and SQL (MySQL).