Stop Google chrome auto fill the input [duplicate]

Answer 1

The latest version of Chrome (46.0.2490.86) appears to have changed behaviour again. This time, AutoFill has nothing to do with autocomplete or readonly or other workarounds suggested here (and on these bug reports https://code.google.com/p/chromium/issues/detail?id=468153, https://bugs.chromium.org/p/chromium/issues/detail?id=587466)

Rather, AutoFill now looks at the label next to the input box and generates an AutoFill based on that (as well as the id and name). A big clue is how AutoFill can actually fill multiple fields at once (e.g. Street, Suburb and State). It appears to be using several techniques (label, name, id) to discern the spatial relationship between fields.

So a workaround is to insert junk text into the label inside a hidden span...

S<span style="display:none">_</span>uburb:

...and also obfuscate/remove the id and name. This was the only thing that prevented Suburb AutoFill for me.

Answer 2

This works:

<form autocomplete="off" ...></form>

Tested on Chrome 56.0.2924.87 (64-bit)

Answer 3

This issue still exists as of Version 55.0.2883.87 m. (on Windows 10)

Solutions like setting the autocomplete attribute on a form

or adding fake input fields and removing the name attribute before submit do not work anymore, since Chrome ignores or instantly auto-completes them on removal.

The only way to get it currently to work as intended is to set the autocomplete attribute to "new-password"

<input type="text" name="text" autocomplete="new-password"> 

even on non password type inputs.

Answer 4

Unfortunately autocomplete="off" didn't work for me (anymore). So here is my solution:

First read and then remove "name" and "id" attributes from elements. Then, after 1ms, set these attributes back again with values read before. For me it works :)

<form autocomplete="off"><br />
<input type="text" name="username" id="username" /><br />
<input type="password" name="password" id="password" /><br />
</form>

<pre>
    $('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);
    }); 
</pre>

Answer 5

By setting autocomplete="new-password" , it works. Before testing, you clear browsing data first

Answer 6

Almost jumped out the window trying to solve this... seems Google now ignores Autocomplete ON and OFF. I had used on older fix (such as fake hidden password fields - which also no longer worked). Based on the living standard spec - you need to use an auto-fill tokens instead. You must use them in the appropriate use-case context. Hope this is helpful.

https://html.spec.whatwg.org/multipage/forms.html#autofilling-form-controls:-the-autocomplete-attribute