Local Storage - HTML5 Demo with Code [closed]

Question

I am trying to work with local storage with forms using html5. I am just unable to find a single working demo online. Can anyone find me a good demo and a tutorial that works. My browser is completely supported.

Appreciate all the help. Thanks

Answer 1

Here's a jsfiddle demo

(copy of the associated js code, uses of localStorage are called out in the comments)

//Note that if you are writing a userscript, it is a good idea // to prefix your keys, to reduce the risk of collisions with other  // userscripts or the page itself. var prefix = "localStorageDemo-";  $("#save").click(function () {      var key = $("#key").attr('value');     var value = $("#value").attr('value');     localStorage.setItem(prefix + key, value);      //******* setItem()     //localStorage[prefix+key] = value; also works     RewriteFromStorage(); });  function RewriteFromStorage() {     $("#data").empty();     for(var i = 0; i < localStorage.length; i++)    //******* length     {         var key = localStorage.key(i);              //******* key()         if(key.indexOf(prefix) == 0) {             var value = localStorage.getItem(key);  //******* getItem()             //var value = localStorage[key]; also works             var shortkey = key.replace(prefix, "");             $("#data").append(                 $("<div class='kvp'>").html(shortkey + "=" + value)                    .append($("<input type='button' value='Delete'>")                            .attr('key', key)                            .click(function() {      //****** removeItem()                                 localStorage.removeItem($(this).attr('key'));                                 RewriteFromStorage();                             })                           )             );         }     } }  RewriteFromStorage();