The Option element provides choices...

Choices

First Option Second Option Third Option Fourth Option

Using Option, we can constrain a list of items to narrow the data entered in the field... if the data is constrainable.

The Option element employes the value attribute which carries the data to be submitted with the form.

Therefore, using Option, we can display one thing and submit a different value.

There is a catch though... Option can only be used inside of a Select OR DataList element... at least if you want it to work. You can put an option tag outside these elements but it would look like this:

First Option Second Option

Try clicking on them... see what I mean?

A list of states in The United States:

Select a State:

Alabama Alaska Arizona Arkansas California Colorado Connecticut Delaware Florida Georgia Hawaii Idaho Illinois Indiana Iowa Kansas Kentucky Louisiana Maine Maryland Massachusetts Michigan Minnesota Mississippi Missouri Montana Nebraska Nevada New Hampshire New Jersey New Mexico New York North Carolina North Dakota Ohio Oklahoma Oregon Pennsylvania Rhode Island South Carolina South Dakota Tennessee Texas Utah Vermont Virginia Washington West Virginia Wisconsin Wyoming

With Option, we can show the state name... but... submit the state two letter postal code with the form. Try it!

In addition to the HTML global attributes... Option employes these attributes as well:

Name	Values	Description
disabled	disabled	Disables the option
label	text	The label for the option
selected	selected	Used with the option that should already be selected
value	text	The data sent with the form... for the selected option

Option also supports the global HTML events.