A JavaScript snippet for temporarily saving and restoring a form's state after refreshing

form-save.js

// NOTE: the '#form-id' selector below will most certainly be different
// for whatever page you're on. Remember to change it in both instances!

// run this in the terminal to save the state of your form
// in your browser's LocalStorage:
[].forEach.call(document.querySelector('#form-id').elements, function(el) {
  localStorage.setItem(el.name, el.value);
});

// then refresh the page and run this to restore your form values:
[].forEach.call(document.querySelector('#form-id').elements, function(el) {
  el.value = localStorage.getItem(el.name);
});

Doesn't work with radio buttons that inherently share the same name. All of those overwrite each other so the last one on the page is the one that is saved.