整合營銷服務商

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

          免費咨詢熱線:

          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


          主站蜘蛛池模板: 91一区二区三区四区五区| 亚洲视频一区二区三区四区| 国产三级一区二区三区| 一区二区三区视频在线播放| 麻豆AV无码精品一区二区 | 日本午夜精品一区二区三区电影| 天堂va视频一区二区| 一区二区三区在线免费看| 一区二区三区免费视频播放器| 中文字幕AV无码一区二区三区| 久久免费国产精品一区二区| 亚洲国产综合精品一区在线播放| 成人一区专区在线观看| 亚洲一区二区三区播放在线| 亚洲线精品一区二区三区影音先锋 | 亚洲AV美女一区二区三区| 合区精品久久久中文字幕一区| 日韩伦理一区二区| 日韩伦理一区二区| 国产精品一区二区AV麻豆| 性色AV一区二区三区无码| 国产精品无码亚洲一区二区三区| 国产成人综合一区精品| 大香伊人久久精品一区二区| 激情亚洲一区国产精品| 国产精品一区二区久久| 亚洲欧洲无码一区二区三区| 国内自拍视频一区二区三区 | 88国产精品视频一区二区三区| 国产成人无码一区二区三区 | 国产精品一区二区久久| 无码人妻一区二区三区免费手机| 精品无码成人片一区二区98| 麻豆一区二区免费播放网站| 午夜在线视频一区二区三区| 秋霞电影网一区二区三区| 亚洲A∨精品一区二区三区| 国产精品免费大片一区二区| 国产免费无码一区二区| 久久久久人妻一区精品性色av| 中文无码一区二区不卡αv|