个人随笔
目录
HTML禁止input,select等输入框页面缓存技巧
2020-05-12 23:51:12

摘要:禁止input缓存,禁止select缓存

有时候,我们页面的输入框,我们再页面里输入内容后,并不保存,但是刷新页面会发现值为输入的页面,完全没有从新去从后台取值,这是怎么回事呢?如下:

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

  1. <input type="text" value="">
  2. <select>
  3. <option value="1">1</option>
  4. <option value="2">1</option>
  5. </select>

其实多数浏览器默认会缓存input的值,只有使用ctl+F5强制刷新的才可以清除缓存记录。如果不想让浏览器缓存input的值,很简单,只需要价格属性即可:autocomplete=”off”

例如上面例子,改为如下就不会缓存啦:

  1. <input type="text" autocomplete="off" value="">
  2. <select autocomplete="off">
  3. <option value="1">1</option>
  4. <option value="2">1</option>
  5. </select>

听说还有一种直接加在form表单里也可以,但是因为我已经很久没有用form表单提交数据啦,都是用ajax异步提交的,所以我就没有采取这种方法,也很简单的如下:

  1. <form action="#" autocomplete="off">
  2. <input type="text" value/>
  3. </form>

当然,没试过不知道行不行,应该是没问题的!

 1030

啊!这个可能是世界上最丑的留言输入框功能~


当然,也是最丑的留言列表

有疑问发邮件到 : suibibk@qq.com 侵权立删
Copyright : 个人随笔   备案号 : 粤ICP备18099399号-2