html如何将输入文本框的内容进行导出

Question

添加什么代码啊
功能加上一个保存按钮，实现保存功能，最好是能够导出来

Answer 1

你自己耍来玩可以保存到localStorage中，但是不能和其他用户和浏览器共享数据，要共享数据需要搭建web服务器保存到数据库中

导出可以通过blob导出，示例代码如下，有帮助麻烦点个采纳【本回答右上角】，谢谢~~

<form>
    <input id="txt" />
    <input type="submit" id="submit" value="保存" />
    <input type="reset" value="清空" />
    <input type="button" id="export" value="导出" />
</form>
<script>
    var txt = document.getElementById('txt');
    var s = localStorage.getItem('value') || '';
    txt.value = s;
    document.querySelector('#submit').onclick = function () {
        localStorage.setItem('value', txt.value);
        alert('保存成功，刷新页面值还存在！')
        return false;
    }

    document.querySelector('#export').onclick = function () {
        var data = new Blob([txt.value]);
        var a = document.createElement('a');
        a.href = URL.createObjectURL(data);
        a.download = '要保存的文件名.txt';
        a.click();
        return false;
    }

</script>