Storing data with localstorage

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

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

Localstorage in inspcetor

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.

What’s next? We’re going to take a look at “Offline access with app cache”.

overlaied image when clicked on thumbnail

Makzan | Mobile web design | Table of Content