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