<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>