禁用Chrome浏览器自动填充表单form的方法

对于旧版本的Chrome浏览器，我们可以使用以下代码禁止浏览器自动填充：

<form autocomplete=\"off\">

以上代码表示禁止浏览器自动填充form表单。

我们也可以单独设置禁止某一个form元素自动填充，例如：

<input autocomplete=\"off\">

对于新版本的Chrome浏览器，我尝试了两种方法

<form autocomplete="off">和<input autocomplete="off">都不起作用，因此我们需要使用其他方法代替。

我使用下面的代码片段来修复它 - 只需要在input password字段的上方添加了另一个文本字段并将其设置display:none。

代码类似这样：

<input type=\"text\" name=\"prevent_autofill\" id=\"prevent_autofill\" value=\"\" style=\"display:none;\" />
<input type=\"password\" name=\"password_fake\" id=\"password_fake\" value=\"\" style=\"display:none;\" />
<input type=\"password\" name=\"password\" id=\"password\" value=\"\" />

例外网上看了一下，还可以使用js的方法来 禁止浏览器自动填充，代码如下：

<input readonly  =\"this.removeAttribute(\'readonly\');\" type=\"text\">

将input 设置为只读，当获取焦点时再设置其可读可写。