We have a configuration page where the user configures an email server. For some reason chrome starts autofilling random fields. We tried adding a name attribute or an id attribute with a random string but google still autofills these fields. Our fields look like this
<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>
It changes the fields and the customer saves the data without realizing the fields are being changed. What's the best way to stop this.