Untitled

//File 1
<!DOCTYPE html>
<head>
<title> Local Storage </title>
<script>
function store()
{
    if (('localStorage' in window) && (window['localStorage'] !== null))
    {
      var username = document.getElementById('username').value;
      var password = document.getElementById('password').value;
      localStorage.setItem('username', username);
      localStorage.setItem('password', password);
    }
    else
    {
     	alert ('your browser does not support storage');
    }
}
function cancel_store()
{
    if (('localStorage' in window) && window['localStorage'] !== null)
    {
       localStorage.removeItem('username');
    }
    else
    {
     	alert ('your browser does not support storage');
    }
}
</script>
</head>
<body>
    <form method="get" action="success.html">
      Username: <input type="text" id="username" value="" size="20" /><br/>
      Password: <input type="password" id="password" value="" size="20"/><br/>
      <input type="submit" value="Submit" onClick="store()"/>
      <input type="reset" Value="Cancel" onclick="cancel_store()"/>
	 </form>
</body>
</html>

//File 2
<!DOCTYPE html>
<head>
<title> Local Storage </title>
<script>
function print()
{
    var username = localStorage.getItem('username');
    var password = localStorage.getItem('password');
    document.getElementById('user').innerHTML = 'Username: is <b> '+ username +'</b> <br>' + 'Password: is <b>'+ password +'</b>';

}
</script>
</head>
<body onload="print()">
	  <label id="user"></label><br>
</body>
</html>