Preventing Firefox from remembering the input value on refresh with a meta tag

Question

When I refresh a page with Firefox, the values of the check boxes, input fields, etc. are kept.

Is there a way to make Firefox not keep them, using a meta tag without JavaScript?

Answer 1

For an input tag there's the attribute autocomplete you can set:

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

You can use autocomplete for a form too.

Answer 2

If you want to prevent remembering field values after reload, while still getting to use autocomplete:

First define autocomplete off in the markup:

<input id="the-input" type="text" autocomplete="off" />

Then re-enable autocomplete programatically:

document.getElementById('the-input').autocomplete = 'on';

this will disable autocomplete just at the right time when the page loads and re-enable it so it can be used (but the field value will be empty as it should).

If it does not work for you, try wrapping the js code in a setTimeout or requestAnimationFrame.

Answer 3

// Internet Explorer fix - do this at the end of the page
var oninit_async_reset = setInterval(function() { resetFormIEFix(); }, 500);
function resetFormIEFix() {
    $('#inputid').val('');
    if (typeof oninit_async_reset != 'undefined')
        clearInterval(oninit_async_reset);
}