清除input框的缓存

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: 0;
            padding: 0;
        }
.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>