Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<form action="">
  <strong>Name:</strong> <input type="text" name="name" id="name" /><br>
  <strong>Pass:</strong> <input type="password" name="password" id="pass" /><br>
  <span id="saving"></span>
</form>
 
strong {display: inline-block; width: 50px;}
 
window.onload = function () {
  if (typeof(Storage) !== "undefined") {
    if (typeof localStorage["name"] !== "undefined")
      document.getElementById("name").value = localStorage["name"] ? localStorage["name"] : "";
    if (typeof localStorage["pass"] !== "undefined")
      document.getElementById("pass").value = localStorage["pass"] ? localStorage["pass"] : "";
    // Code for localStorage/sessionStorage.
    setInterval(function () {
      document.getElementById("saving").innerHTML = 'Saving...';
      setTimeout(function () {
        document.getElementById("saving").innerHTML = '';
      }, 500);
      localStorage.setItem("name", document.getElementById("name").value);
      localStorage.setItem("pass", document.getElementById("pass").value);
    }, 5000);
  }
};
Output 300px

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers