HTML select playground

Explore select with controls to edit its label, reorder options, create optgroups, add hr separators, and test multiple and size without JavaScript.

Ask AI

HTML select playground

Response generated with openai/gpt-5.4-nano. AI can make mistakes. Always review the result.
HTML
<label for="baseline-select">Choose a technology</label>
<select id="baseline-select" name="baseline-choice">
  <option value="option-1" selected>Select an option</option>
  <hr />
  <optgroup label="Frontend">
    <option value="html">HTML</option>
    <option value="css">CSS</option>
    <option value="javascript">JavaScript</option>
  </optgroup>
  <optgroup label="Web platform">
    <option value="web-components">Web Components</option>
    <option value="forms">Forms</option>
  </optgroup>
</select>