Сохранять данные на 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>