1、input 输入框在移动端输入的时候 个别手机会记录输入状态 (比如小米),当你再次输入时,输入框下面会提示特别丑的历史记录。
解决方法 给input 添加属性 autocomplete="off"
2、如果想让输入框都显示历史记录可以用以下办法
- <label>城市 : <input id="country_name" name="country_name" type="text" list="city" /></label>
- <datalist id="city">
- <option value="中国 北京">
- <option value="中国 上海">
- <option value="中国 广州">
- <option value="中国 深圳">
- <option value="中国 东莞">
- </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;
}
-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;
}