Local Storage Using HTML5

by Prasad

HTML

<form name="store" onSubmit="return clicked()">
<input type="text" placeholder="Enter your name" name="fname">
<input type="submit" value="Store My Name">
</form>
<div id="result"></div>

JavaScript

function clicked()
{
	alert("last stored name is :"+localStorage.lastname); //retrives last stored name in local storage
	if(typeof(Storage)!=="undefined")
	{
	localStorage.lastname=document.forms["store"]["fname"].value; // access to local form document.forms["formname"]["fieldname"]
	/*localStorage.now=new Date();*/	
	document.getElementById("result").innerHTML="first name: " + localStorage.lastname + " @ : "+localStorage.now;
	alert(localStorage.lastname + " : "+ new Date().toLocaleDateString());/*localStorage.now+*/
	}
 	 else
	{
	document.getElementById("result").innerHTML="Sorry, your browser does not support web storage...";
	}
	localStorage.clear(); // Clear local Storage
}