After refresh page load don't want to remove text box value.

Question

I have a form which contain LAN number which is numeric value.

I want to keep this text box value after refresh page load.

https://stackoverflow.com/questions/31311121/retaining-the-textbox-values-even-after-refresh — tzimme, Oct 12 '17 at 07:12
Without using LocalStorage, have you test with `Autocomplete="on"` html attribute ? — GGO, Oct 12 '17 at 07:26

score 0 · Answer 1 · answered Oct 12 '17 at 07:42

You can use either sessionStorage or localStorage to save input value at some point to storage and retrieve it on page load. Please see below snippet:

window.addEventListener("load", function() {
  var inp = document.getElementById('ip');
  var storedUserIp = document.sessionStorage.getItem('userIp');
  inp.value = storedUserIp || "";
  inp.addEventListener("change", function() {
    document.sessionStorage.setItem('userIp', inp.value);
  });
});

<input id="ip" />

More about storages: https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage

After refresh page load don't want to remove text box value.

1 Answers1