javascript - 如何使用 HTML5 本地存储从表单中保存数据？

Question

我有一个可以登录网站但不能登录我的网站的表单，我希望它们使用 HTML5 本地存储将表单数据保存在我的网站中。但不是如何。任何想法？我的表格是这样的:

<form action="http://issuefy.ca.vu/on/login.php" class="form-login"  method="post" /> 
<input name="email" type="email" id="email" required="" placeholder="Email" />
<input name="password" type="password" required="" placeholder="Contraseña" />
</form>

Answer 1

LocalStorage 有一个 setItem 方法。你可以像这样使用它:

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

当你想获取值时，你可以这样做:

var storedValue = localStorage.getItem("email");

也可以在按钮点击时存储值，如下所示:

<button onclick="store()" type="button">StoreEmail</button>

<script  type="text/javascript">
  function store(){
     var inputEmail= document.getElementById("email");
     localStorage.setItem("email", inputEmail.value);
    }
</script>