带滚动条的HTML datalist

Question

我正在使用HTML并尝试制作列表,如之前的图像所示.但是,通过使用datalist我无法获得滚动条.你能告诉我如何在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

这个怎么样？

\n\n

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

\n