<h1 id="option">option<a aria-hidden="true" class="anchor-heading icon-link" href="#option"></a></h1>
<p><code>option</code> elements define items for selection in form inputs.</p>
<h1 id="content-category">Content category<a aria-hidden="true" class="anchor-heading icon-link" href="#content-category"></a></h1>
<p>N/A</p>
<h1 id="pseudo-classes">Pseudo-classes<a aria-hidden="true" class="anchor-heading icon-link" href="#pseudo-classes"></a></h1>
<p>N/A</p>
<h1 id="attributes">Attributes<a aria-hidden="true" class="anchor-heading icon-link" href="#attributes"></a></h1>
<ul>
<li><code>disabled</code> determines whether or not the option is selectable.</li>
<li><code>label</code> sets the user-visible label.</li>
<li><code>selected</code> elements are selected by default.</li>
<li><code>value</code> used for form submission.</li>
</ul>
<h1 id="references">References<a aria-hidden="true" class="anchor-heading icon-link" href="#references"></a></h1>
<ul>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option">MDN</a></li>
<li><a href="https://html.spec.whatwg.org/multipage/form-elements.html#the-option-element">The <code>option</code> element in the HTML specification</a></li>
</ul>
<hr>
<strong>Backlinks</strong>
<ul>
<li><a href="/notes/OYZ69AmplWqcC1Bk">Input (public)</a></li>
<li><a href="/notes/wTDbBYFzOMCRmdus">datalist (predefined options) (public)</a></li>
</ul>

option


![Digital brain](assets/images/logo.svg){display: block, margin: 0 auto, max-height: 50vh}

Hi, I'm Luke 👋

I'm a software engineer turned site reliability engineer. I'm currently big on knowledge management and learning.

# Find me elsewhere

- [👨‍💻 DEV](https://dev.to/lukecarrier)
- [🚢 GitHub](https://github.com/LukeCarrier)
- [👔 LinkedIn](https://www.linkedin.com/in/lukecarrier/)
- [📄 Résumé](https://github.com/LukeCarrier/resume)
