Default

<div>
  <label for="select">
    Options
  </label>
  <select id="select">
    <option>Option A</option>
    <option>Option B</option>
    <option>Option C</option>
    <option>Option D</option>
  </select>
</div>

Implicit label

<div>
  <label>
    Options
    <select>
      <option>Option A</option>
      <option>Option B</option>
      <option>Option C</option>
      <option>Option D</option>
    </select>
  </label>
</div>

Selected

<div>
  <label for="select2">
    Options
  </label>
  <select id="select2">
    <option>Option A</option>
    <option selected>Option B</option>
    <option>Option C</option>
    <option>Option D</option>
  </select>
</div>

with size

<div>
  <label for="select3">
    Options
  </label>
  <select size="6" id="select3">
    <option>Option A</option>
    <option>Option B</option>
    <option>Option C</option>
    <option>Option D</option>
  </select>
</div>

with size and multiple

<div>
  <label for="select4">
    Options
  </label>
  <select size="6" multiple id="select4">
    <option>Option A</option>
    <option>Option B</option>
    <option>Option C</option>
    <option>Option D</option>
  </select>
</div>

with optgroup

<div>
  <label for="select5">
    Options
  </label>
  <select id="select5">
    <optgroup label="Group">
      <option>Option A</option>
      <option>Option B</option>
      <option>Option C</option>
      <option>Option D</option>
    </optgroup>
  </select>
</div>

disabled

<div>
  <label for="select6">
    Options
  </label>
  <select disabled id="select6">
    <option>Option A</option>
    <option>Option B</option>
    <option>Option C</option>
    <option>Option D</option>
  </select>
</div>

aria-disabled

<div>
  <label for="select7">
    Options
  </label>
  <select aria-disabled="true" id="select7">
    <option>Option A</option>
    <option>Option B</option>
    <option>Option C</option>
    <option>Option D</option>
  </select>
</div>