【问题标题】：How to store the value of text box in local storage using javascript如何使用javascript将文本框的值存储在本地存储中
【发布时间】：2017-01-05 16:16:04
【问题描述】：

我想保存文本框中的用户名，以便以后使用 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>

【问题讨论】：

标签： javascript html

【解决方案1】：

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

现在获取存储的密钥

localStorage.getItem('username') //myusername

【讨论】：

我想要文本框用户名的值代替我的用户名
localStorage. setItem ('username',document.getElementById('uname').value)

【解决方案2】：

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

see here

【讨论】：

【解决方案3】：

如果您不使用 html5，您可以将其存储在 cookie 中。

【讨论】：

【解决方案4】：

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

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

【讨论】：

【解决方案5】：

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

  $(function () {

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

摆弄的例子here。

本地存储 API 和自己尝试的游乐场，HTML5。

当您检查元素作为一对Key和Value时，您将能够看到输出>。在资源选项卡下，如果您使用 firebug。

编辑

我还更新了示例小提琴。

【讨论】：