HTML-каталоги со списком прокрутки

Я использую 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>

enter image description here

Ответы

Ответ 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>