Menu
Usually, when a refresh is made on an HTML page, the values for input fields are kept (unless you do Ctrl+F5).
Is there a header or other type of setting than can change this behavior, without chaging anything on the form or input itself?
I have a site where the input value is not kept after a page refresh in Production. However I do not have this behavior when I test this code on my local machine.
779
The easiest way to reload the current page without losing form data, use WebStorage where you have -persistent storage (localStorage) or session-based (sessionStorage) which remains in memory until your web browser is closed. window. onload = function() { var name = localStorage.
To store the form data in JavaScript localStorage, we'll use the setItem() method. It stores the data in the localStorage object and takes the key and value parameters as input. The parameters can be later used to retrieve the data when the browser reloads the page or a new session is initiated.
To retain the selected value in the dropdown on refresh, sessionStorage is used to store the value within the user's browser. First, the values have to be set using sessionStorage.
If you set the attribute autocomplete=off, the content will never be stored.
Alternatively, there's a plethora of ways to accomplish this with javascript, depending on exactly what you want to accomplish, whether it be clearing the whole form (use the reset() method), or resetting the single field.
155
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
