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>