在HTML中，我們經(jīng)常會使用下拉列表來讓用戶選擇日期。為了在下拉列表中顯示虛線，我們需要運用一些代碼。

<select>
<option value=""></option>
<optgroup label="2021">
<option value="01" disabled style="border-top: 1px dotted #999"></option>
<option value="02" disabled style="border-top: 1px dotted #999"></option>
<option value="03" disabled style="border-top: 1px dotted #999"></option>
<option value="04" style="border-top: 1px dotted #999">4 月</option>
<option value="05" style="border-top: 1px dotted #999">5 月</option>
<option value="06" style="border-top: 1px dotted #999">6 月</option>
<option value="07" style="border-top: 1px dotted #999">7 月</option>
<option value="08" style="border-top: 1px dotted #999">8 月</option>
<option value="09" style="border-top: 1px dotted #999">9 月</option>
<option value="10" style="border-top: 1px dotted #999">10 月</option>
<option value="11" style="border-top: 1px dotted #999">11 月</option>
<option value="12" style="border-top: 1px dotted #999">12 月</option>
</optgroup>
<optgroup label="2020">
<option value="01" style="border-top: 1px dotted #999">1 月</option>
<option value="02" style="border-top: 1px dotted #999">2 月</option>
<option value="03" style="border-top: 1px dotted #999">3 月</option>
<option value="04" style="border-top: 1px dotted #999">4 月</option>
<option value="05" style="border-top: 1px dotted #999">5 月</option>
<option value="06" style="border-top: 1px dotted #999">6 月</option>
<option value="07" style="border-top: 1px dotted #999">7 月</option>
<option value="08" style="border-top: 1px dotted #999">8 月</option>
<option value="09" style="border-top: 1px dotted #999">9 月</option>
<option value="10" style="border-top: 1px dotted #999">10 月</option>
<option value="11" style="border-top: 1px dotted #999">11 月</option>
<option value="12" style="border-top: 1px dotted #999">12 月</option>
</optgroup>
</select>

以上代碼中，虛線的樣式被定義在style屬性中，樣式約定了每個月份下拉選項需要展示虛線。同時，虛線通過<option>標簽的disabled屬性來隱藏。這些<option>標簽被包含在<optgroup>標簽中，以年份為標簽，提高了下拉框的可讀性。

通過使用以上代碼，我們可以讓用戶選擇日期時獲得更好的視覺體驗，同時提高交互的友好度。