我遇到了chrome自动填充行为的几个形式的问题。
表单中的字段都有非常常见和准确的名称，例如“email”、“name”或“password”，并且它们还设置了autocomplete=“off”。
自动完成标志已经成功禁用了自动完成行为，当你开始输入时，会出现一个下拉的值，但没有改变Chrome自动填充字段的值。
这种行为是可以的，除了chrome填充输入不正确，例如填充电话输入与电子邮件地址。客户抱怨过这个问题，所以它被证实在很多情况下都发生了，而不是我在我的机器上本地操作的某种结果。
目前我能想到的唯一解决方案是动态生成自定义输入名称，然后在后端提取值，但这似乎是一种相当笨拙的解决这个问题的方法。是否有任何标签或怪癖，改变自动填充行为，可以用来解决这个问题?
当前回答
在某些情况下，即使autocomplete属性被设置为关闭，浏览器也会继续建议自动补全值。这种出乎意料的行为可能会让开发人员感到困惑。真正强制no-autocompletion的技巧是为属性分配一个随机字符串，例如:
autocomplete="nope"
其他回答
这些问题的其他解决方法对我都不起作用。
唯一管用的想法是这个:
它从元素中删除“name”和“id”属性并为它们赋值 1毫秒后返回。把这个放在文件里，准备好。
$(document).ready(function() {
$('form[autocomplete="off"] input, input[autocomplete="off"]').each(function () {
var input = this;
var name = $(input).attr('name');
var id = $(input).attr('id');
$(input).removeAttr('name');
$(input).removeAttr('id');
setTimeout(function () {
$(input).attr('name', name);
$(input).attr('id', id);
}, 1);
});
});
为用户名字段输入值' '(空格)。
<input type = 'text' value = ' ' name = 'username' />
如果您曾经用用户输入的值填充用户名，如果没有用户输入的值，则编码输入' '。
编辑:我还不得不改变'用户名'字段有一个其他的名字，而不是'用户名'，例如。“nameofuser”
这里有两个部分。Chrome和其他浏览器会记住之前输入的字段名的值，并基于此为用户提供一个自动完成列表(值得注意的是，密码类型的输入永远不会以这种方式记住，原因相当明显)。你可以添加autocomplete="off"来防止这种情况发生在你的电子邮件字段上。
但是，您还可以使用密码填充器。大多数浏览器都有自己的内置实现，也有许多第三方实用程序提供此功能。这个，你停不下来。这是用户自己选择保存该信息以便稍后自动填写，完全超出了应用程序的范围和影响范围。
对于Angular用户:
由于autocomplete= 'off'忽略新chrome版本，chrome开发人员建议autocomplete= '假|随机字符串'，所以谷歌chrome/现代浏览器有2种类型的用户助手-
Autocomplete ='off'(防止上次缓存的建议)。 Autocomplete = 'false | random-string'(防止自动填充设置，因为'random-string'是不知道的浏览器)。
那么，在禁用这两个恼人的建议的情况下，该怎么办呢? 诀窍在这里:-
在每个输入字段中添加autocomplete = 'off'。 (或简单的Jquery)。
示例:$("input")。attr(“自动完成”,“关闭”);
从HTML代码中删除<form name='form-name'>标签，并在<div>容器中添加ng-form ='form-name'。 添加ng-form="form-name"也会保留所有的验证。
上次我检查谷歌在2017年1月更新了他们的自动填充，对我有效的解决方案是添加另一个输入，并在它被填充后隐藏它。
<input type="text" id="phone_number" name="phone_number" value="">
<input type="text" id="dummy_autocomplete">
<script type="text/javascript">
$('#dummy_autocomplete').hide();
</script>
