发现input输入框的缓存

459 阅读1分钟

上来我们先看一个bug,这是我最近在做需求的时候的遇到的一个问题

4D87426DEB94C40AF73B771B69EA3A6A.gif 临近上线前我突然发现了这个bug,点击查看详情这里是a标签,理论上我点击查看详情已经到了一个新的页面,当我再回来的时候,按钮不应该是选中的状态,那么就是缓存起到了作用,于是我把代码中的数据流向检查了一遍,没有发现任何问题,自己在这里也没有做缓存,那么问题来了,input框自带的缓存吗? 于是开始了一番 查阅资料。

input标签的 autocomplete 属性

于是在w3school把input框的属性看了一遍,发现了这个autocomplete 属性, autocomplete 属性规定输入字段是否应该启用自动完成功能。

autocomplete:自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项。

on默认。规定启用自动完成功能。

off 规定禁用自动完成功能。默认是开启状态

找到了元凶就是autocomplete。立马把值改为了off,每天都在和input打交道的我竟然不知道这个属性,耽误我一个小时的下班的时间。

image.png