如何通过注册将传入的详细信息推送到javascript中的localstorage_Javascript

如何通过注册将传入的详细信息推送到javascript中的localstorage

javascript

如何通过注册将传入的详细信息推送到javascript中的localstorage,javascript,Javascript,将数据从带有对象的数组推送到本地存储的问题，通过注册和登录通过文本框获取详细信息 json在javascript中是如何解决这个问题的 <body background="img.jpeg"> <div><dr><a href="logon.html">LOGIN</a> <a class="a1" href="register.html">REGISTER</a></dr> </di

将数据从带有对象的数组推送到本地存储的问题，通过注册和登录通过文本框获取详细信息

json在javascript中是如何解决这个问题的

<body  background="img.jpeg">
    <div><dr><a href="logon.html">LOGIN</a> <a class="a1" href="register.html">REGISTER</a></dr> </div>
    <div class="div1">
    <form id="log">
        <h1>LOGIN</h1>
        <label><b>USERNAME:</b></label><input type="text" name="Username" id="usrnme"><br><br>
        <label><b>PASSWORD:</b></label><input type="text" name="Password" id="pwd"><br><br>
        <label><b>EMAIL-ID:</b></label><input type="text" name="Email" id="mail"><br><br>
        <input type="button" value="Register" name="Register" onclick="register()">
    </form>
</div>

结果要将数据存储到本地存储器，您需要创建一个JS文件或标记，该文件或标记可以从输入字段提取值，并使用浏览器localstorage API设置值

鉴于您的代码仍然仅限于HTML，我不知道您对HTML和JS的了解程度，我将添加一个代码片段来帮助您：

...html stuff
<script>
  // JS code
</script>

资源：

Javascript获取输入值本地存储

基本上，您可以通过两种方式存储数据

您可以使用该函数

或者，您可以通过直接设置这些值

localStorage.myKey = myValue;

如果要从本地存储接收值，可以使用get而不是set

如果这对您有帮助，请告诉我。

您可以使用，FormData

<script>
let frm = document.querySelector("#log");

let data = new FormData(frm);

for (var [key, value] of data.entries()) { 
  localStorage.setItem(key, value);
}

// Finally you can get values from localStorage

localStorage.getItem("key");

</script>

在运行此代码之前，请确保表单值不为空。

最好查看一下

<script>
let frm = document.querySelector("#log");

let data = new FormData(frm);

for (var [key, value] of data.entries()) { 
  localStorage.setItem(key, value);
}

// Finally you can get values from localStorage

localStorage.getItem("key");

</script>