浏览器自动填充用户名和密码,如何禁用以及原理

vue项目或者其他页面项目中,因为浏览器默认会开启自动填充密码功能,当你点击输入框,当不想出现密码选择下拉框时,就让很多人头疼了,有些说法是 将autocomplete 设置off,有时可能会管用,但是不是问题根本,其实这都是不明白原理,其实浏览器自身做判断时,一定是先找 页面中  input类型  type里  看是否存在  password 类型,然后倒退 找页面上 紧离password类型 最近的上一个 text类型的 input。此时如果不需要密码下拉选择,很容易,要么去掉password类型,当然很多时候这是需要的,那么就在  password类型 上面紧挨着加一个  隐藏的input。<input type=”text” style=”display: none;” name=”xx”> 就好了。

记住重点,一定是在  你的  input类型中 找到 type为password的,而 隐藏的input 要加在  password 之前。多看看我说的原理

<input type=”text” style=”display: none;” name=”xx”>

<input type=”password” >