需要一个input，输入的内容自动存入localStorage并在刷新页面后显示出来

需要一个input输入框，输入的内容自动存入localStorage并在刷新页面后显示出来

 最简单的
<form>
    <label for="dd">test</label>
    <input type="text" id="dd" name="dd"/>
</form>
<script src="js/jquery-1.6.4.min.js"></script>
<script>
    var dd=$('#dd');
    dd.change(function(){
        var ddval=dd.val();
        localStorage.setItem('dd',ddval);
    });
    $(document).ready(function(){
        var ddval2=localStorage.getItem('dd');
        dd.val(ddval2);
    });
</script>

<input type="text" id="txt" />
<script type="text/javascript">
var txt = document.getElementById("txt");
var str = localStorage.getItem("inputText");
if (str) {
    txt.value = str;
}
window.onbeforeunload = function () {
    localStorage.setItem("inputText",txt.value);
}
</script>

 const DEFAULT_CACHE_KEY = '__TMQ_DEFAULT_KEY__inputname';

      xxx.addEventListener('input', (e) => {
        localStorage.setItem(DEFAULT_CACHE_KEY, this.value);
      });

      xxx.value = localStorage.getItem(DEFAULT_CACHE_KEY);

简单版本，记得要在服务器上运行。这种需求应该要由一个插件来完成，最好不要写在业务里。