Try this display:none
<input type="text" name="prevent_autofill" id="prevent_autofill" value="" style="display:none;" />
<input type="password" name="password_fake" id="password_fake" value="" style="display:none;" />
<input type="password" name="password" id="password" value="" />
You can also use jQuery
to solve this problem,hope this will be helped to you,if not please put a comment here,good luck 🙂
Update:
This is depend on chrome version,sometimes this will be not work for chrome new versions,so you should have try many things to prevent this problem,try these code snippets also and please put a comment what happened 🙂
Solution 2
$('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);
});
It removes “name” and “id” attributes from elements and assigns them back after 1ms. Put this in document get ready.
Solution 3
<input type="text" name="email">
<input type="password" name="password" autocomplete="new-password">
Tested and works in Chrome 53
Solution 4
try autocomplete="false"
instead of autocomplete="off"
or nofill