html - 带有滚动条的 HTML 数据列表

Question

我正在使用 HTML 并尝试制作如前图所示的列表。但是，通过使用datalist我无法获得滚动条。你能告诉我如何在数据列表中启用滚动条。（注意：不能在我的网站中使用脚本语言来实现这一点）。

<input list="browsers" name="browser">
<datalist id="browsers">
  <option value="Afghanistan">
  <option value="Aland Islands">
  <option value="Albania">
  <option value="Algeria">
  <option value="American Samoa">
  //Many more countries
  .
  .
  .
  <option value="Zcountry">
</datalist>

Answer 1

这个怎么样？

 <label for="country">Country:</label>
    <input type="text" id="country" list="country_list">
    <datalist id="country_list">
      <option value="AF">Afghanistan</option>
      <option value="AX">Åland Islands</option>
      <option value="AL">Albania</option>
      <option value="DZ">Algeria</option>
      <!-- more -->
    </datalist>