html
<div class="container">
<form class="parent" autocomplete="off">
<input type="text" class="search" placeholder="搜索" id="sousuo">
<!--<input type="button" name="" id="" class="btn">-->
</form>
</div>
css
* {
margin: ;
padding: ;
}
.parent {
position: relative;
float: right;
}
.search {
height: 30px;
border-radius: 30px;
outline: none;
border: none;
border: 1px solid #ccc;
padding-left: 20px;
}
有过表单设计经验的朋友肯定知道，当我们在浏览器中输入表单信息的时候，往往input文本输入框会记录下之前提交表单的信息，以后每次只要双击 input文本输入框就会出现之前输入的文本，这样有时会觉得比较方便，但有时也会暴露用户的隐藏数据，那么如何让input表单输入框不记录输入过信息的方法呢？
方法一： 在不想使用缓存的input中添加 autocomplete="off"
例如
一：<input type="text" autocomplete="off" />
二：<input type="text autocomplete="on" />
方法二： 如果整个表单元素都不使用autocomplete功能的话，在 input 所在的form标签中添加 autocomplete="off"
例如
<form action="#" autocomplete="off">
<input type="text" name="test" />
</form>