Storing data with localstorage

<form method='post' action='data:text/plain, Form submited.'>
  <p>Email:<br><input type='email' name='email' id='email' placeholder=''></p>
  <p>Password:<br><input type='password' placeholder='********'></p>
  <p><input type='submit' value='Login'></p>
$("#email").on('keyup', function() {
  return localStorage['email'] = $(this).val();

$(function() {
  return $("#email").val(localStorage['email']);

In browser inspector, reader can view and modify any stored data in Local Storage.

LocatStorage in Inspector

You may try the demo in this CodePen. Try to enter a value in email, then refresh the page and you should see what you have typed.

Next Page → Offline access with app cache

← Previous Page Chapter 9 – Taking the web offline

Last updated at 2017-05-10. Show version history


no comments yet.