How can I prevent Firefox's Autocomplete?

Question

There's several section of our site where the user needs to enter some information, and Firefox's auto fill takes over when the page loads - mostly incorrectly!

For example, there's a "Fax Number" field that for some users Firefox keeps filling in with their email address. If they don't see this and they go to submit the form out validators complain to them that it isn't a valid number format.

This really has our sales guys worried because when they go to look at a customers page, they sometimes see it filled in with their own personal info.

Is there any way to prevent Firefox from doing this?

Solution 1

Add autocomplete="off" to your form tag, as documented in the Mozilla document How to Turn Off Form Autocompletion

<form name="form1" id="form1" method="post" autocomplete="off"
  action="http://www.example.com/form.cgi">
[...]
</form>

Do read the section on exceptions and workarounds though - the browser will ignore the autocomplete attribute if you have a Name or Address field in the form!

Solution 2

If you don't care about validation, you can use autocomplete="off"

BTW here's a great article from Mozilla themselves about autocompletion

Solution 3

Firefox usually autocompletes based on the field names, so it sounds to me like you might have some underlying confusion with what your fields are called.

Solution 4

I ran into the same problem on Firefox with forms having a 'username' and 'password' field. In this case autocomplete="off" doesn't seem to work, as stated here: https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion (bottom of page).

The only way I found right know to have en empty fields when opening the page is to empty them in javascript. jQuery code example:

setTimeout(function(){
    $('input[name="username"],input[name="password"]').val("");
}, 0);

I know it's ugly (especially the setTimeout but I couldn't figure another way. Even putting this in $(window).load() doesn't seem to work.

Solution 5

Try to use dynamic input names.

View more solutions

Comments

[scoopr]

This is a duplicate of: stackoverflow.com/questions/2530/…

[SeanJA]

You can also set auto complete to off for individual inputs