title: Input field with scrollbar
body: <p>I have created a input field where users can type in whatever they want to search.I have also created a drop down list but the problem is the drop down list exceeds the page and only few items are shown. So, I also wanted to create scroll bar to easily access all the items.
  The html code is like this and there are almost 200 items.
  Thank you in advance.</p>
  
  <pre><code> &lt;div &gt;&lt;p &gt;&lt;form id="form1"&gt; 
  
  &lt;input   class="box" list="Country" name="Countries" placeholder=" Country"&gt;
  
                &lt;datalist  id="Country"&gt;
                 &lt;option value=" Afghanistan"&gt;
                 &lt;option value=" Albania"&gt;
                 &lt;option value=" Algeria"&gt;
                 &lt;option value=" American Samoa"&gt;
                 &lt;option value=" Andorra"&gt;
                 &lt;option value=" Angola"&gt;
                 &lt;option value=" Anguilla"&gt;
                 &lt;option value=" Antigua and Barbuda"&gt;
                 &lt;option value=" Argentina"&gt;
                 &lt;option value=" Armenia"&gt;
                 &lt;option value=" Aruba"&gt;
                 &lt;option value=" Australia"&gt;
                 &lt;option value=" Austria"&gt;
                 &lt;option value=" Azerbaijan"&gt;
                 &lt;option value=" Bahamas"&gt;
                 &lt;option value=" Bahrain"&gt;
                 &lt;option value=" Bangladesh"&gt;
                 &lt;option value=" Barbados"&gt;
                 &lt;option value=" Belarus"&gt;
                 &lt;option value=" Belgium"&gt;
                 &lt;option value=" Belize"&gt;
                 &lt;option value=" Benin"&gt;
                 &lt;option value=" Bermuda"&gt;
                 &lt;option value=" Bhutan"&gt;
                 &lt;option value=" Bolivia"&gt;
                 &lt;option value=" Bosnia and Herzegovina"&gt;
                 &lt;option value=" Botswana"&gt;
                 &lt;option value=" Brazil"&gt;
                 &lt;option value=" British Virgin Islands"&gt;
                 &lt;option value=" Brunei"&gt;
                 &lt;option value=" Bulgaria"&gt;
                  &lt;/datalist&gt; 
                  &lt;/form&gt;
              &lt;/p&gt;&lt;/div&gt;
  </code></pre>
  
  <p>css code:</p>
  
  <pre><code> body {
      background: #2196F3  ;
      font-family: "calibri", sans-serif;
      color:#FAFAFA  ;
      margin: 0;
  
  
  }
  
  #head{
      margin: 0;
      padding: 30px;
      text-align: center;
      border-bottom:1px solid #1C2833  ;
  
  }
  .box{
      height: 30px;
      width: 250px;
      font-size:large;
      color: #17202A ;
      border-radius: 5px;
      outline: none; 
      border: none;
      padding: 12px;
  
  }
  </code></pre>