删除 HTML 表单的 Chrome 自动填充功能答案

【问题标题】：Remove Chrome autofill for HTML forms删除 HTML 表单的 Chrome 自动填充功能
【发布时间】：2014-12-17 06:27:39
【问题描述】：

我在 HTML 中创建了一个简单的表单，它有两个字段：用户名和密码，然后是一个登录按钮。当我在 Chrome 中运行该页面时，它会将我的 XAMPP-phpmyadmin 用户名和密码填充到两个字段中，并将它们突出显示为黄色。我怎样才能完全删除它，所以它们是空白的。谢谢

HTML 表单代码：

<html>


    <form action= "entryformlogon.php" method = "post" autocomplete="off">
            Username: <input type="text" name="Username"><br>
            Password: <input type="password" name="Password"><br>
                      <input type="submit" value="Log in">
    </form>


</html>

【问题讨论】：

标签： html google-chrome xampp

【解决方案1】：

autocomplete="off" 必须添加到每个输入元素。即

<input type="text" name="Username" autocomplete="off">

【讨论】：

我刚试过，看看：jsfiddle.net/yq3t5b9p 在 jsfiddle 中运行时表单是空白的，但是在 chrome 中运行时问题仍然存在
这里似乎有一个不错的解决方法stackoverflow.com/questions/15738259/disabling-chrome-autofill

【解决方案2】：

Chrome 会用我的 XAMPP-phpmyadmin 用户名和密码填充这两个字段，并将它们突出显示为黄色。我怎样才能完全删除它，所以它们是空白的。 @Charley Baker

这个只读修复对我有用：

修复浏览器自动填充：只读并在焦点上设置可写（在鼠标单击和通过字段切换时）

 <input type="password" readonly  
     onfocus="$(this).removeAttr('readonly');"/>

顺便说一下，关于 Chrome 和 Safari 自动填充行为的更多信息：

有时即使 autocomplete=off 也不会阻止将凭据填写到错误的字段中，但不会阻止用户或昵称字段。我猜，Chrome 和 Safari 会寻找密码字段来插入您保存的凭据。然后它将 username 自动填充到最近的 textlike-input 字段中，该字段出现在 DOM 中的密码字段之前（只是由于观察而猜测）。由于浏览器是最后一个实例，您无法直接控制它，但上面的只读技巧修复了它。 :-)

【讨论】：

【解决方案3】：

最新版本的 chrome

<input type="password" name="whatever" autocomplete="new-password" />

旧版本

<input type="password" name="whatever" autocomplete="false" />

或

<input type="password" name="whatever" autocomplete="off" />

【讨论】：