HTML5 localstorage是否适合存储输入字段值?

时间:2014-04-24 06:01:57

标签: html5 forms local-storage

我有一个问题,关于如何最好地存储某些表单字段的本地值。

在我的网站中,用户使用键盘来记录项目的计数。他们可以为他们计算的物品输入标签。问题是每个用户根据他们的需要应用不同的标签 - 每次他们访问标签时都是空白的。

我的网站正在运行site44.com,它不允许使用服务器端php。那么,在我的research中,我认为使用HTML5 localstorage可能允许用户在退出网站后保留标签?

这是正确的解释吗?

有人可以给我一个指南,如果我有,说3个输入 - 使用不同的ID - 如何设置脚本?

1 个答案:

答案 0 :(得分:2)

你可以像这样使用本地存储:

var fn = document.getElementById("firstname").value;
localStorage.setItem("firstname", fn);

var ln = document.getElementById("lastname").value;
localStorage.setItem("lastname", ln);

var em = document.getElementById("email").value;
localStorage.setItem("email", em);

因此客户端浏览器将在其本地存储中设置这些项目。 现在,如果用户之后访问该网站。您可以检查localStorage的值并找到您需要的项目。

假设用户下次访问时你想给他发一个问候消息(他还没有登录)你可以使用如下脚本:

var name = localStorage.getItem("firstname");
alert("Hello"+name);