我正在寻找功能，以获得自动保存在浏览器直到提交

JS:

(function(window, document, undefined) {
    function changeSelect(event) {
        if(event.target.type=='checkbox' || event.target.type=='radio') {
            window.localStorage.setItem(event.target.id, event.target.checked?'checked':'unchecked');
        } else {
            window.localStorage.setItem(event.target.id, event.target.value);
        }
    }
    function load(event) {
        var i = 0, k, e;
        while(i < window.localStorage.length) {
            k = window.localStorage.key(i++);
            e = document.getElementById(k);
            if(e) {
                if(e.type=='checkbox' || e.type=='radio') {
                    e.checked = window.localStorage.getItem(k)=='checked';
                } else {
                    e.value = window.localStorage.getItem(k);
                }
            }
        }        
    }
    function clearData(event) {
        window.localStorage.clear();
    }
    window.addEventListener('load', load, true);
    window.addEventListener('change', changeSelect, true);
    window.addEventListener('select', changeSelect, true);
    window.addEventListener('submit', clearData, true);
})(window, document)

我从网上得到了这个代码，它工作得很好。

我有一个要求，如果员工做长报价突然浏览器关闭任何问题发生，它应该检索我们输入的整个数据。上面代码的问题是两个输入字段的数据，它没有采取剩余的所有它正在采取:

两个输入字段总是空的:

1. 下拉字段数据，
2. 一些输入字段，我得到值表单服务器使用用户输入。

这两个字段总是空的。如果我重新加载

如果你有一些更好的(或)可能的编码，在重新加载页面时返回所有细节(对于一些互联网问题发生)。