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

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

3个回答

 最简单的
<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>

 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);

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

Tengmaoqing
Tengmaoqing <input type="text" id="xxx"> xxx 是input 元素
接近 2 年之前 回复
<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>

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问