title: HTML datalist with a scrollbar
body: <p>I am using HTML and trying to make list as shown in the image before. However, by using <code>datalist</code> I can't get a scroll bar. Can you please tell me how can I enable scroll bar in datalist. (Note: can't use scripting language in my website to achieve this).</p>
  
  <pre><code>&lt;input list="browsers" name="browser"&gt;
  &lt;datalist id="browsers"&gt;
    &lt;option value="Afghanistan"&gt;
    &lt;option value="Aland Islands"&gt;
    &lt;option value="Albania"&gt;
    &lt;option value="Algeria"&gt;
    &lt;option value="American Samoa"&gt;
    //Many more countries
    .
    .
    .
    &lt;option value="Zcountry"&gt;
  &lt;/datalist&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/OsIUy.png" alt="enter image description here"></p>