如何解决Chrome浏览器自动填充表单的问题

问题描述

我们在使用浏览器的时候，或多或少都会进行页面的登陆与注册等操作，那么为了登陆方便，通常都会进行一定量的密码保存。通过密码保存后浏览器则会记录所保存的密码。
当浏览器识别到input的type为password时则会自行填充已保存的密码

<input	type='password'>

解决方案

而有时我们却并不需要浏览器自动填充。PS 登陆页面跳转到注册或者修改密码等同样含有type为password的input元素时。

此时我们可以将input标签增加 autocompleted 属性，并赋值off

<input	type='password' autocompleted='off'>

然而autocompleted=‘off’ 在某些更高级的浏览器中并没有起作用，需要将off 改为 new-password 才可以。即告诉浏览器此密码框需要输入新的密码。

<input	type='password' autocompleted='new-password'>

这样浏览器就知道不需要填充已有的密码了。