How to disable autocomplete for all major browsers

Question

How do you disable Autocomplete in the major browsers for a specific input and/or the complete form.

I found this solution:

<input type="text" name="foo" autocomplete="off" />

However, this does not seem to work in all browsers. I've had problems in firefox for instance.

Edit:

My firefox issue has been resolved. That leaves the following: Can I disable autocomplete on a form or do I have to give every input autocomplete="off"

@JukkaK.Korpela Quite easy :) When using autocomplete="off", it still showed the dropdown with previously entered suggestions. — Peter, Jan 09 '15 at 10:51
you need to be more specific than that. When I use `autocomplete="off"` in Firefox, it does not show suggestions. Are you sure you don’t have e.g. an autofiller add-on installed? Does the code in the question reproduce the issue? — Jukka K. Korpela, Jan 09 '15 at 11:00
@JukkaK.Korpela Thanks for the tip! When I turn my addons off, it does work. That leaves the form issue. — Peter, Jan 09 '15 at 11:11

123 · Accepted Answer · 2015-02-27T06:04:57.860

Autocomplete should work with the following <input> types: text, search, url, tel, email, password, datepickers, range, and color.

But alas, you could try adding autocomplete='off' to your <form> tag instead of the <input> tag, unless there's something preventing you from doing that.

If that doesn't work, you could also use JavaScript:

if (document.getElementsByTagName) {
    var inputElements = document.getElementsByTagName(“input”);
    for (i=0; inputElements[i]; i++) {
        if (inputElements[i].className && (inputElements[i].className.indexOf(“disableAutoComplete”) != -1)) {
            inputElements[i].setAttribute(“autocomplete”,”off”);
        }
    }
}

Or in jQuery:

$(document).ready(function(){
    $(':input').live('focus',function(){
        $(this).attr('autocomplete', 'off');
    });
});

but its told in question that autocomplete="off" does not work — Heemanshu Bhalla, Oct 31 '22 at 05:00

score 3 · Answer 2 · edited May 23 '17 at 12:33

You could try manually clearing text fields on page load with javascript, for example:

window.onload = function() {
    elements = document.getElementsByTagName("input");
    for (var i=0; i<elements.length; ++i) {
        elements[i].value = "";
    }
};

This might not work if it's executed before the autofill. Another option is to generate part of the name attributes for your inputs randomly each time the page is rendered (and strip them out when the server handles the submit), then the browser won't try to autocomplete.

See also Is autocomplete="off" compatible with all modern browsers?

score 0 · Answer 3 · answered Apr 23 '22 at 18:30

0

I found this one. It hides on chrome, edge and opera

<form autocomplete="off">
<input role="presentation" />
</form>

answered Apr 23 '22 at 18:30

Furkan

85
1
7

score -2 · Answer 4 · edited Aug 08 '17 at 08:10

-2

IE: autocomplete

Firefox， Chrome， Opera: disableautocomplete

<input type="text" autocomplete="off" disableautocomplete id="number"/>

edited Aug 08 '17 at 08:10

Cody Gray - on strike

239,200
50
490
574

answered Jul 13 '17 at 01:20

Yun Lu

1

Please, try to be more informative in your answer, use appropriate sentences so your solution is more readable by others. – Fabien Jul 13 '17 at 01:42
I cannot find any reference to a HTML attribute called ``disableautocomplete``. – Mike Scotty Jan 16 '23 at 13:49

How to disable autocomplete for all major browsers

4 Answers4