HTML禁止input，select等輸入框頁面緩存

HTML禁止input，select等輸入框頁面緩存技巧

要：禁止input緩存，禁止select緩存

有時候，我們頁面的輸入框，我們再頁面里輸入內容后，并不保存，但是刷新頁面會發現值為輸入的頁面，完全沒有從新去從后臺取值，這是怎么回事呢？如下：

雷姆雷姆拉姆拉姆雷姆雷姆拉姆拉姆雷姆雷姆拉姆拉姆雷姆雷姆拉姆拉姆雷姆雷姆拉姆拉姆雷姆雷姆拉姆拉姆雷姆雷姆拉姆拉姆雷姆雷姆拉姆拉姆雷姆雷姆拉姆拉姆雷姆雷姆拉姆拉姆雷姆雷姆拉姆拉姆雷姆雷姆拉姆拉姆雷姆雷姆拉姆拉姆雷姆雷姆拉姆拉姆雷姆雷姆拉姆拉姆

<input type="text" value="">
<select>
<option value="1">1</option>
<option value="2">1</option>
</select>

其實多數瀏覽器默認會緩存input的值，只有使用ctl+F5強制刷新的才可以清除緩存記錄。如果不想讓瀏覽器緩存input的值，很簡單，只需要價格屬性即可：autocomplete=”off”。

例如上面例子，改為如下就不會緩存啦：

<input type="text" autocomplete="off" value="">
<select autocomplete="off">
<option value="1">1</option>
<option value="2">1</option>
</select>

聽說還有一種直接加在form表單里也可以，但是因為我已經很久沒有用form表單提交數據啦，都是用ajax異步提交的，所以我就沒有采取這種方法，也很簡單的如下：

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

當然，沒試過不知道行不行，應該是沒問題的！

滿足以下2個條件時；

瀏覽器會自動記錄輸入過的值；

當用戶再次輸入的時候就能自動完成；

1：input標簽在form標簽下；

2：點擊了此form標簽下的submit按鈕；

具體的表現形式如下圖；

瀏覽器自動顯示輸入過的值后會遮擋到下面的驗證碼；

對于我這種記性差到即便只有這4個數字都懶得記；

非要邊看著驗證碼邊輸入的人是無法忍受的；

額；好吧；我承認記性是躺槍的；主要是懶；

如果說驗證碼這個示例你能忍受的話；

那么下面這張圖肯定是無法忍的了；

這個搜索框有一個ajax 事件了；

當輸入內容后會發送異步請求搜索商品；

但是瀏覽器的自動顯示的輸入記錄就會遮擋后邊的搜索結果；

解決這個情況的方法是為input標簽添加autocomplete屬性并設為off

<input class="text" autocomplete="off" type="text" name="word" value="輸入商品名稱">

順便介紹下autocomplete；

autocomplete是HTML5 中的新屬性它規定表單是否應該啟用自動完成功能。自動完成允許瀏覽器預測對字段的輸入。當用戶在字段開始鍵入時，瀏覽器基于之前鍵入過的值，應該顯示出在字段中填寫的選項。

值描述

了方便對一些網站功能進行測試，需要瀏覽器禁用JavaScript，那這個怎么才能做到呢？

1.通過F12進入開發者工具，使用快捷鍵CTRL+SHIFT+P（Windows平臺）

2.谷歌瀏覽器

輸入 javascript 找到 Disabled JavaScript 或者 停用JavaScript。

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。