如何使用javascript将文本框的值存储在本地存储中

时间:2013-03-16 09:42:33

标签: javascript html5

我想保存文本框中的用户名,以便稍后使用javascript在其他网页上检索它

<html>
<body>
<form method="post" action="index1.html">
username:<input type="text" name="uname" id="uname">
password:<input type="password" name="pass" id="pass">
login:<input type="submit" name="login" >
</form>
</body>
</html>

5 个答案:

答案 0 :(得分:1)

localStorage.setItem('username','myusername');

现在获取存储的密钥

localStorage.getItem('username') //myusername

答案 1 :(得分:0)

可以使用html5。我们可以在HTML5中的localstorage中存储一些值

see here

答案 2 :(得分:0)

如果你不使用html5,你可以将它存储在cookie中。

答案 3 :(得分:0)

页面重新加载之间的上下文通常会因JavaScript而丢失,您可能需要考虑使用JQuery来提供看起来像在多个页面上运行的应用程序,但实际上只是一个带有过渡的页面。

您的另一个选择是将值存储在cookie中,或存储在本地存储Web数据库中。

答案 4 :(得分:0)

是的,这是可能的。你有一个按钮。只需调用方法将值存储在按钮 click 事件中。

  $(function () {

    $("#submit").click(function () {
        var name = $("#name").val();
        alert(name);
        localStorage.setItem('username',name);
    });
});

Fiddled Example here

本地存储API和自行尝试的游乐场,HTML5

输出,当 检查元素 作为一对值。在资源标签下,如果您使用 firebug

修改

我还更新了样本小提琴。