Edit in JSFiddle

<div>
<label>Enter country name : </label><br><br>
<input type="text" list="countries" placeholder="Enter country name"/>
<datalist id="countries">
	
        <option value="India">India</option>
        <option value="Albania">Albania</option>
        <option value="United Kingdom">United Kingdom</option>
        <option value="United States">United States</option>
        <option value="Australia">Australia</option>
        <option value="China">China</option>
        <option value="England">England</option>
        <option value="Zambia">Zambia</option>
        <option value="Zimbabwe">Zimbabwe</option>
        <option value="Buttan">Buttan</option>
         <option value="Afghanistan">Afghanistan</option>
        <option value="Albania">Albania</option>	
        <option value="Algeria">Algeria</option>	
        <option value="American">American</option> 
        <option value="Andorra">Andorra</option>	
    
</datalist>
</div>       
    <div>
        <p>In safari</p>
    <select>
        <option value="India">India</option>
        <option value="Albania">Albania</option>
        <option value="United Kingdom">United Kingdom</option>
        <option value="United States">United States</option>
        <option value="Australia">Australia</option>
        <option value="China">China</option>
        <option value="England">England</option>
        <option value="Zambia">Zambia</option>
        <option value="Zimbabwe">Zimbabwe</option>
        <option value="Buttan">Buttan</option>
         <option value="Afghanistan">Afghanistan</option>
        <option value="Albania">Albania</option>	
        <option value="Algeria">Algeria</option>	
        <option value="American">American</option> 
        <option value="Andorra">Andorra</option>	
    </select>
    </div>