用户登录记住用户名导致表单自动填充bug解决方法

Posted 2020-11-12 web_study

最近做项目出现了一个极其讨厌的bug：在用户登录网站时，浏览器会自动提示是否记住密码，当选择记住密码时，正常浏览网页，会发现有那么几个input输入框会自动填充用户名，非常讨厌，

于是就觉得挺简单的一个bug，想了几种解决办法：

方法一：利用html5表单新增属性 autocomplete="off"，刷新后尝试，并没有卵用；

方法二：利用js来控制，进入页面时，给input表单设置value为空，心想这下可以了吧，结果还是没毛用；

方法三：给input表单设置只读属性 readonly 然后在获取焦点时移除这个属性 onfocus="this.removeAttribute(‘readonly‘);"

<input type="text" readonly onfocus="this.removeAttribute(‘readonly‘);"/>

方法三完美的解决这个非常讨厌的bug，但是还是没有搞清楚为什么网站下面还多个input输入框，仅仅只有那么两个框会自动填充，真奇葩的bug!!!!!