Firefox has a very annoying feature. It remembers the state of input fields when you hit F5. It’s not just the value, it remembers even whether the input is disabled or not.
Example:
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
</head>
<body>
<input type="text" value="textbox" />
<a href="#" onclick="javascript: $('input').attr('disabled', true); return false; " >Disable text box</a>
</body>
</html>
The code above has an anchor that, when clicked, disables the text input field. After that, Firefox will remember the state after F5 and the only way to restore it to the original is to hit enter on the address bar.
Is there a meta tag or something to make FF stop doing that?
EDIT
Actually browsers have different behaviors. Firefox is the most annoying. Firefox remembers the input value and whether it’s disabled or not. IE8 remembers the value and Chrome doesn’t remember anything
You can set the element or the form to
autocomplete="off"to disable state preservation, but that also disables input autocomplete, of course.