javascript - 从会话存储和本地存储中检索数据

Question

我将表单值存储到会话和本地存储中，然后显示它。

我已将名称存储在会话存储和本地存储中，然后检索并显示它，但代码不适用于电话号码和电子邮件地址。

<div id="result1"></div>
<div id="result2"></div>
<div id="result3"></div>
<div id="result4"></div>
<div id="result5"></div>
<div id="result6"></div>
<script>

function details(form) {
  var name = form.name.value;
  sessionStorage.setItem("name", name);
  localStorage.setItem("name", name);
  document.getElementById("result1").innerHTML = sessionStorage.getItem("name");
  document.getElementById("result2").innerHTML = localStorage.getItem("name");
  var Address = form.address.value;
  sessionStorage.setItem("address", Address);
  localStorage.setItem("address", Address);
  document.getElementById("result3").innerHTML = sessionStorage.getItem("address");
  document.getElementById("result4").innerHTML = localStorage.getItem("address");
 var phone = form.phone.value;
   sessionStorage.setItem("phone", phone);
   localStorage.setItem("phone", phone);
  document.getElementById("result5").innerHTML = sessionStorage.getItem("phone");
  document.getElementById("result6").innerHTML = localStorage.getItem("phone");
}
</script>

<form>
  Name:<br>
  <input type="text" name="name">
  <br>
  Address:<br>
  <input type="text" address="address">
  <br>
  Number:<br>
  <input type="text" phone="phone">
  <br>
  <input type="button" name="button" value="Click" 
    onClick="contact(this.form)">
</form>

标签： javascripthtml

Answer 1

错误是您在这里没有使用名称

 <input type="text" name="address"> //change instead of address
 <input type="text" name="phone">//change instead of phone

在输入中，您需要为特定输入命名