国产视频app經常設計 form 表單的開發應該知道,用戶在瀏覽器中向表單輸入信息的時候會被 input 記錄下來,以后每次雙擊 input 文本框時都會展示以前輸入過的信息,雖然這樣很方便,但會暴露用戶的隱私數據。那如何禁止 input 輸入框不記錄用戶輸入的信息呢?下面就來說一下!

input 中的 autocomplete 屬性

autocomplete:屬性定義input是否啟用自動完成功能,也就是我們說的是否記錄用戶數據!

autocomplete 有兩個值,分別為 on 與 off.

on:啟用自動完成功能,記錄用戶數據!

国产视频appoff:關閉自動完成功能,不記錄用戶數據!

autocomplete 屬性適用于 form 標簽,以及text, search, url, telephone, email, password, datepickers, range,color等類型的 input 標簽!

input 中使用 autocomplete 屬性

可單獨對 input 的 autocomplete 屬性進行設置,來定義 input 的下拉框是否彈出!

html代碼:

<!-- input  autocomplete 屬性設置為開啟-->
<input type="text" autocomplete="on">
<!-- input  autocomplete 屬性設置為關閉-->
<input type="text" autocomplete="off">

注意:

国产视频app這里需要注意的是,在 input 中如果不設置 autocomplete 屬性的值,則它的默認值為 on !

form 表單設置 autocomplete 屬性

如果一個form 表單內所有的 input 輸入框都不需要記錄用戶的輸入數據,并且都禁止其彈出下拉框,那么我們不用給每個 input 輸入框來單獨設置 autocomplete 屬性,直接在 form 標簽內添加 autocomplete 即可!

html 代碼如下

<form action="#" autocomplete="off">
    <input type="text" name="test" />
    <input type="text" name="test" />
</form>