将表单保存在localstorage中

时间:2012-11-12 14:44:28

标签: html forms local-storage

所以,我正在网站上工作,我需要保存一些在表单上引入的数据。我们的想法是将数据保存到以后查询,就像表单的“存档”一样。没有php,没有服务器端,我需要在本地完成所有操作。无论如何要管理它吗?

由于

1 个答案:

答案 0 :(得分:0)

您可以尝试这样的事情:

JS

//first check to see how many form records exist, if none set to 0 in storage
if (!localStorage.getItem('forms')) {
    localStorage.setItem('forms', 0);
}
else {
    forms = localStorage.getItem('forms');
}

//increment to the next form entry
forms++;

//save the form data to localStorage
localStorage.setItem('form.' + forms + '.firstName', document.getElementById('firstName'));

//lastly, save the number of forms to localStorage
localStorage.setItem('forms', forms);


HTML

<input type="text" id="firstName" />



这将产生localStorage标记为 form.1.firstName 的记录。输出只是对表单记录数量的另一个简单检查,并循环迭代。