Cfrgtkky

Hello i have a form with different input fields.

i want to know why only the suggestions ( autocomplete ) of the email input contain the email of my connection page and password saved by chrome.

i have try to delete the id="email" and the name="email" also the data annotations but suggestions appear also only for this input.

finally i want to disable this suggestion in this input i have tried also with autocomplete attribute but i have the same problem.

Here my code html :

<div class="col-6">

   <label class="col-12 px-2 mdc-text-field">

      @Html.TextBoxFor(model => model.Email, new { @class = "mdc-text-field__input", @style = "padding-left: 20px;" })

      <span class="mdc-floating-label" style="padding-left: 20px;">Mail</span>

      <div class="mdc-text-field__bottom-line"></div>

   </label>

   @Html.ValidationMessageFor(model => model.Email, "", new { @class = "text-danger" })

</div>

Here my model :

 [Required(ErrorMessage = "L'adresse mail est obligatoire")]

    [RegularExpression("^[a-zA-Z0-9_\.-]+@([a-zA-Z0-9-]+\.)+[a-zA-Z]{2,100}$", ErrorMessage = "E-mail invalide")]

    public string Email { get; set; }

So, here is what I understood from your question.

Your browsers suggests your stored email/password in the fields and want to avoid this.

Possible solution in a bare minimum code:

Key is to tell the browser not to suggest anything by turning the autocomplete off.

autocomplete="off"

You can set it in your form like this,

<form method="post" action="blah" autocomplete="off">

...

</form>

Or, you can set it directly to your field like this

<input type="text" id="lalaLand" name="ryan" autocomplete="off">

This should solve your problem. However, if it still doesn't work just give some garbage value in the autocomplete property instead of "off".

autocomplete="Katakomb"

I wouldn't recommend the last one since its a dirty workaround. Use it only if you run out of options.

Update 1:

From your comment I see disabling is not working for you. Try this one to see if it works. (Not able to post this in the comment due to the characters @ )

<%= Html.TextBoxFor(

    model => model.Email, 

    new { @class = "mdc-text-field__input", @style = "padding-left: 20px;", autocomplete = "off" } 

)%>

Update 2

A sample for handling through a custom attribute.

@Html.TextBoxFor(vm => vm.Blah, new { my_attribute= "myValue" })

This will generate a custom attribute in the actual HTML version as below

<input my-attribute="myValue" id="Blah" name="Blah" type="text" value="" />