我遇到了chrome自动填充行为的几个形式的问题。
表单中的字段都有非常常见和准确的名称，例如“email”、“name”或“password”，并且它们还设置了autocomplete=“off”。
自动完成标志已经成功禁用了自动完成行为，当你开始输入时，会出现一个下拉的值，但没有改变Chrome自动填充字段的值。
这种行为是可以的，除了chrome填充输入不正确，例如填充电话输入与电子邮件地址。客户抱怨过这个问题，所以它被证实在很多情况下都发生了，而不是我在我的机器上本地操作的某种结果。
目前我能想到的唯一解决方案是动态生成自定义输入名称，然后在后端提取值，但这似乎是一种相当笨拙的解决这个问题的方法。是否有任何标签或怪癖，改变自动填充行为，可以用来解决这个问题?
当前回答
我也遇到过同样的问题。这里是禁用自动填充用户名和密码的Chrome解决方案(仅在Chrome上测试)
<!-- Just add this hidden field before password as a charmed solution to prevent auto-fill of browser on remembered password -->
<input type="tel" hidden />
<input type="password" ng-minlength="8" ng-maxlength="30" ng-model="user.password" name="password" class="form-control" required placeholder="Input password">
其他回答
为用户名字段输入值' '(空格)。
<input type = 'text' value = ' ' name = 'username' />
如果您曾经用用户输入的值填充用户名，如果没有用户输入的值，则编码输入' '。
编辑:我还不得不改变'用户名'字段有一个其他的名字，而不是'用户名'，例如。“nameofuser”
我最终通过在输入字段中放入一个不重复的变量来解决这个问题-我使用php time()像这样:
<input type="text" name="town['.time().']" >
这主要是对机器人的干扰。我在服务器端所做的就是在输入名称上做一个foreach循环-问题是如果chrome识别名称属性，它将自动填充。
其他的都对我没用。
这里有一个肮脏的hack -
你的元素在这里(添加了disabled属性):
<input type="text" name="test" id="test" disabled="disabled" />
然后在你的网页底部放一些JavaScript:
<script>
setTimeout(function(){
document.getElementById('test').removeAttribute("disabled");
},100);
</script>
我也遇到过同样的问题。这里是禁用自动填充用户名和密码的Chrome解决方案(仅在Chrome上测试)
<!-- Just add this hidden field before password as a charmed solution to prevent auto-fill of browser on remembered password -->
<input type="tel" hidden />
<input type="password" ng-minlength="8" ng-maxlength="30" ng-model="user.password" name="password" class="form-control" required placeholder="Input password">
这里有两个部分。Chrome和其他浏览器会记住之前输入的字段名的值，并基于此为用户提供一个自动完成列表(值得注意的是，密码类型的输入永远不会以这种方式记住，原因相当明显)。你可以添加autocomplete="off"来防止这种情况发生在你的电子邮件字段上。
但是，您还可以使用密码填充器。大多数浏览器都有自己的内置实现，也有许多第三方实用程序提供此功能。这个，你停不下来。这是用户自己选择保存该信息以便稍后自动填写，完全超出了应用程序的范围和影响范围。
