forms - 提交表单时将数据保存到localStorage

Question

是否可以将数据从表单保存到 localStorage 并提交表单？我需要提交表单，但将值保存到 localStorage 也很重要。我怎样才能做到这一点？

这是我为表单和 localStorage 提供的代码，但这不会提交表单。它只是保存值。

<label for="server"> Server: </label> 
<input type='text' name="server" id="saveServer"/> 
<button onclick="save_data()" type="button" value="Save" id="Save" data-theme="a">Save</button> 
<script> function save_data()
{ var input = document.getElementById("saveServer");
localStorage.setItem("server", input.value); 
var storedValue = localStorage.getItem("server"); } 

Answer 1

当然可以，但是您可能希望在提交表单时稍微改变一下调用方法save_data ：

<form onsubmit="save_data()">
  <!-- The rest of your form goes here -->
  <button type="button" value="Save" id="Save" data-theme="a">Save</button> 
</form>

<script> 
function save_data() {
  var input = document.getElementById("saveServer");
  localStorage.setItem("server", input.value); 
  var storedValue = localStorage.getItem("server"); 
  // etc..
}
</script>