Interactive Login form Using Cookie     Good day guys,                 Today I am here to have a discussion regarding a small program for Beginners with JavaScript and CSS. Even though it's a small program. I hope it will be pretty useful to everyone.     First of all, let's have a look at what we are going to make:        A screenshot from the latest version of Firefox.   We can see that the page has a simple but beautiful user interface.I have accomplished this using simple HTML and CSS.Now , I would like describe the HTML in a few steps so that it can make this tutorial readable and easy to understand.    Step 1  We have to make some containers to wrap the HTML elements(the text inputs , buttons etc.) so that it will be easy to manage.Here I use <div> tag to make the containers here.I have used three <div> elments which the first one contains the other two where the second one contains the username TextInput , Password the He...
   <html> <head> <title> Game:MagicalSquare. </title> </head> <style> table{ 	border-style: solid;     border-color: white;     border-width: 2px;     width: 30%;     height: 25%;     text-align: center;     padding-top: 20px;     margin-top: 5px;     padding-bottom: 20px; 	background-color:#00edff; 	} input[type=text]{ 	width:60px; 	height:60px;     border: solid #063; 	border-radius:20px; 	font-size:16px; 	text-align:center; 	background-color:#55edff; 	color:white; 	} body{     border: solid #063; 	border-radius:20px; 	width=30%; 	height:70%; 	color:white; 	background-color:gray; 	} h2{ 	margin-top: 10px;     border-color: white;     border-width: 1px;     border-style: solid;     width: 30%;     height: 40px;     padding-top: 10px;; 	} div{ 	width:30%; 	height:12%; 	border-style:solid; 	border-color:white; 	border-width:2px; 	margin-top:5px; 	} input[type=button]:hover, input[type=button]:active {     background-color: red; } input[type=button] { ...