Disable autofill on a web form through HTML or JavaScript?
I had the same issue. Wanted to stick to a HTML solution (I dont like dirty JS workarounds). The only thing that worked for me is when I changed ID and/or name of the input to something that is not a usual keyword.
Read Talinon's answer from this Laracast thread:
I once had this problem on a text field. No matter what I did, Chrome insisted on auto filling/completing. I eventually discovered changing the id/name of the element solved the problem. It's like Chrome has some hard-coded keywords it looks for and is bent on autofilling them. If the problem persists with the proposed hacks, try changing the id/name to something that doesn't contain "title" or "address", etc.
Long story short:
<form>
<input type="email" name="fem" />
<input type="password" name="fpass" autocomplete="new-password" />
</form>
Longer story (explanation why this works): Disabling autocomplete on form inputs with HTML
You can do it at the input level in HTML by adding autocomplete="off"
to the input.
http://css-tricks.com/snippets/html/autocomplete-off/
You could also do it via JS such as:
someForm.setAttribute( "autocomplete", "off" );
someFormElm.setAttribute( "autocomplete", "off" );
jQuery one:
$(".indication-checkbox").attr("autocomplete", "off");
In fact autocomplete off doesn't always work in newer browsers. E.g in Chrome it is ignored if the autofill property is set. See the link: http://caniuse.com/#feat=input-autocomplete-onoff