H5 input 历史记录等一些问题

1、input 输入框在移动端输入的时候 个别手机会记录输入状态 （比如小米），当你再次输入时，输入框下面会提示特别丑的历史记录。

解决方法 给input 添加属性 autocomplete="off"

2、如果想让输入框都显示历史记录可以用以下办法

1. <label>城市 : <input id="country_name" name="country_name" type="text" list="city" /></label>
2. <datalist id="city">  
3.     <option value="中国 北京">  
4.     <option value="中国 上海">  
5.     <option value="中国 广州">  
6.     <option value="中国 深圳">  
7.     <option value="中国 东莞">  
8. </datalist>  

3、 当input type=“search”时，可以用一下集中css

input[type="search"]{-webkit-appearance:none;}  /*去除边框*/

/* 去除默认样式*/

input[type=search] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
font-family: inherit;
font-size: 100%;
}
input::-webkit-search-decoration, input::-webkit-search-cancel-button {
display: none;
}