How to save data from a form with HTML5 Local Storage?

by

LocalStorage has a setItem method. You can use it like this:

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

When you want to get the value, you can do the following:

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

It is also possible to store the values on button click, like so:

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

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

More Related Contents:

  1. html form that passes information to a variable in javascript [closed]
  2. My form’s validate() is not working
  3. How to store objects in HTML5 localStorage
  4. Submit form without page reloading
  5. HTML5 Local storage vs. Session storage
  6. Submit two forms with one button
  7. When do items in HTML5 local storage expire?
  8. Submitting a form on ‘Enter’ with jQuery?
  9. JavaScript Form Submit – Confirm or Cancel Submission Dialog Box
  10. JavaScript; communication between tabs/windows with same origin [duplicate]
  11. In HTML5, is the localStorage object isolated per page/domain?
  12. How can I set the form action through JavaScript?
  13. html5 localStorage error with Safari: “QUOTA_EXCEEDED_ERR: DOM Exception 22: An attempt was made to add something to storage that exceeded the quota.”
  14. How to send a JSON object using html form data
  15. How to submit an HTML form without redirection
  16. passing form data to another HTML page
  17. Understanding HTML Form Element behavior
  18. Stop an input field in a form from being submitted
  19. How to get number of rows in using JavaScript?
  20. Looping through localStorage in HTML5 and JavaScript
  21. Form Submit Execute JavaScript Best Practice? [closed]
  22. Want HTML form submit to do nothing
  23. Enable/Disable submit button if checkbox is checked/unchecked?
  24. Trigger autocomplete without submitting a form
  25. Saving and loading an image from localStorage
  26. submit event does not fire if submit initiated programmatically
  27. How to create dynamically
  28. How best to make a link submit a form
  29. How can I void a form action and execute jQuery when all HTML form elements are validated?
  30. HTML form input tag name element array with JavaScript

Leave a Comment