整合營銷服務商

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

          免費咨詢熱線:

          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国片精品一区二区| 福利电影一区二区| 精品一区精品二区制服| 国产精品一区二区久久沈樵| 成人免费区一区二区三区| 精品国产一区二区三区2021| 国产美女视频一区| 国产Av一区二区精品久久| 精品久久国产一区二区三区香蕉| 日本一区二区三区精品视频| 区三区激情福利综合中文字幕在线一区| 亚洲欧美日韩一区二区三区| 日本一区免费电影| 日韩精品福利视频一区二区三区| 国产精品亚洲综合一区在线观看 | 精品无码一区二区三区在线| 在线精品国产一区二区三区| 精品一区二区三区免费视频| 国产精品日韩一区二区三区| 日本免费一区二区三区最新vr| 伊人久久精品无码麻豆一区| 国产福利一区二区三区视频在线| 伊人久久精品无码av一区| 亚洲AV无码一区二区三区系列| 国产精品成人免费一区二区 | 美女视频在线一区二区三区| 无码人妻AⅤ一区二区三区| 成人欧美一区二区三区在线视频| 麻豆AV无码精品一区二区| 国内精品一区二区三区东京 | 日本强伦姧人妻一区二区| 国产主播一区二区| 亚洲日本一区二区| 亚洲.国产.欧美一区二区三区 | 中文字幕乱码一区久久麻豆樱花| 少妇无码一区二区三区| 中字幕一区二区三区乱码 | 人妻久久久一区二区三区|