阻止谷歌自动填写Angular2表格[重复]

Question

我们有一个配置页面，用户在其中配置电子邮件服务器。由于某种原因，chrome开始自动填充随机场。我们尝试使用随机字符串添加名称属性或id属性，但google仍然自动填充这些字段。我们的田地是这样的

        <div class="formRow row">
            <div class="col-md-2">
                <div class="formLabel" style="width:100%">{{"GENERAL.SMTP_SERVER" | translate}}</div>
            </div>
            <div class="col-md-3">
                <input  formControlName="SmtpServer" style="width:100%;" autocomplete="off">
            </div>
            <div class="formLabel col-md-1">Port</div>
            <div class="col-md-1">
                <input formControlName="SmtpServerPort">
            </div>
        </div>

它会更改字段，客户会保存数据，而不会意识到字段正在更改。阻止这一切的最好方法是什么？

Answer 1

使用随机字段名称。

谷歌可能会尝试填写SmtpServer，但不知道如何填写“12bc234ee”。

虽然您可以要求浏览器不要填写字段，但唯一确定的方法是创建它没有数据的字段。

Answer 2

只需在输入中添加autocomplete=“off”。如果这不起作用，您可以尝试使用无效值，如mdn文档中建议的那样，如autocomplete=“nope”。

在某些情况下，即使“自动完成”属性设置为“关闭”，浏览器也会继续建议自动完成值。对于开发人员来说，这种意外的行为可能非常令人费解。真正实施非自动完成的诀窍是为属性指定一个无效值。

您也可以尝试autocomplete=“new password”，但有时您无法说服浏览器不提供自动完成功能，尤其是登录凭据（用户名/密码）。