整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

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

          值描述

          1. on默認。規定啟用自動完成功能。
          2. off規定禁用自動完成功能。

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

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

          2.谷歌瀏覽器

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


          主站蜘蛛池模板: 国产日本亚洲一区二区三区| 无码av不卡一区二区三区| 亚洲日韩中文字幕一区| 国产精品视频一区国模私拍| 无码一区二区波多野结衣播放搜索 | 精品视频一区二区三区四区| 国产福利91精品一区二区| 学生妹亚洲一区二区| 国产主播一区二区三区 | 久久亚洲中文字幕精品一区| 国产一区在线视频| 精品乱码一区二区三区四区| 成人精品视频一区二区| 国产精品一区在线观看你懂的| 亚洲AV本道一区二区三区四区 | 一区二区三区在线观看中文字幕| 亚洲啪啪综合AV一区| 国产一区二区三区乱码在线观看| 亚洲国产高清在线一区二区三区| 91video国产一区| 日韩精品无码人妻一区二区三区| 久久91精品国产一区二区| 国产综合视频在线观看一区| 精品亚洲综合在线第一区| 久久青青草原一区二区| 东京热人妻无码一区二区av| 韩国资源视频一区二区三区| 激情内射日本一区二区三区| 无码午夜人妻一区二区不卡视频| 红杏亚洲影院一区二区三区| 亚洲av无一区二区三区| 国产AV午夜精品一区二区三| 亚洲乱码av中文一区二区| 国产一区视频在线| 蜜桃视频一区二区三区| 亚洲日韩国产一区二区三区在线 | 日本免费一区二区久久人人澡| 国产激情一区二区三区四区| 在线观看亚洲一区二区| 中文字幕在线观看一区二区三区| 日韩精品久久一区二区三区 |