整合營銷服務商

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

          免費咨詢熱線:

          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


          主站蜘蛛池模板: 一区二区三区www| 久久久精品日本一区二区三区| 亚洲综合av一区二区三区不卡| 精品人妻一区二区三区四区在线| 一区二区三区在线| 无码播放一区二区三区| 亚洲一区二区三区香蕉| 国产精品免费视频一区| 无码精品尤物一区二区三区| 天堂Aⅴ无码一区二区三区| 国产成人久久一区二区三区| 波多野结衣久久一区二区| 亚洲国产老鸭窝一区二区三区 | 日韩精品无码Av一区二区 | 国产一区二区三区免费视频| 亚洲熟女综合一区二区三区| 国产福利一区二区三区视频在线| 在线精品亚洲一区二区小说| 国产在线aaa片一区二区99| 一区在线观看视频| 一区二区三区四区精品| 精品中文字幕一区在线| av无码精品一区二区三区四区| 福利一区二区三区视频在线观看| 无码人妻一区二区三区免费看| 中日av乱码一区二区三区乱码 | 国产日韩精品一区二区在线观看| 无码国产精品久久一区免费| 亚洲日韩一区二区三区| 亚洲国产av一区二区三区丶| 亚洲天堂一区在线| 国产福利91精品一区二区| 国产福利日本一区二区三区| 色婷婷亚洲一区二区三区| 国产在线精品一区在线观看| 精品一区二区三区3d动漫| 黄桃AV无码免费一区二区三区| 亲子乱AV视频一区二区| 91香蕉福利一区二区三区| 亚洲欧美日韩一区二区三区| 国产精品亚洲综合一区在线观看 |