html - 将表单保存在本地存储中

Question

所以，我在一个网站上工作，我需要保存一些它在表单上引入的数据。这个想法是保存这些数据以供以后查询，就像表单的“存档”一样。没有php，没有服务器端，我需要全部在本地制作。有没有办法管理它？

谢谢

Answer 1

你可以尝试这样的事情：

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的记录。输出只是对表单记录数量的另一个简单检查，并循环遍历迭代。