--- layout: single elementName: option ---

# option

Defines an option within a <select> dropdown.

Example: Copy

{% highlight html %}{% endhighlight %}

value

Defines the <select> value if this option is selected.

Required.

"south-africa"

This value will be sent to the server when the form is submitted.

{% highlight html %} {% endhighlight %}

label

Defines a label for the option.

"Republic of South Africa"

The label will replace the option inner text.

{% highlight html %} {% endhighlight %}

disabled

Disables the option.

No value required.

The option remains visible but is not selectable anymore.

{% highlight html %} {% endhighlight %}

selected

Selects the option when the web page loads.

No value required.
{% highlight html %} {% endhighlight %}