File Manager

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>ʶҺѹ�Ԩ�¾ĵԡ�����ʵ�� ICT</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874">
	    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	    <meta name="viewport" content="width=device-width, initial-scale=1">  
	    <title>ʶҺѹ�Ԩ�¾ĵԡ�����ʵ��</title>
        <meta name="description" content="">
        
        
		
	    <link href="https://fonts.googleapis.com/css2?family=Trirong:wght@500&display=swap" rel="stylesheet">
	    <link href="css/font-awesome.min.css" rel="stylesheet">
	    <link href="css/bootstrap.min.css" rel="stylesheet">
	    <link href="css/templatemo-style.css" rel="stylesheet">
	    
	    
	    
	    
<style>

/* Button used to open the contact form - fixed at the bottom of the page */
.open-button {
  background-color: #555;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  position: fixed;
  bottom: 23px;
  right: 15px;
  width: 80px;
}

/* The popup form - hidden by default */
.form-popup {
  display: none;
  position: fixed;
  bottom: 0;
  right: 15px;
  border: 3px solid #f1f1f1;
  z-index: 9;
}

/* Add styles to the form container */
.form-container {
  max-width: 300px;
  padding: 10px;
  background-color: white;
}

/* Full-width input fields */
.form-container input[type=text], .form-container input[type=password] {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
}

/* When the inputs get focus, do something */
.form-container input[type=text]:focus, .form-container input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/login button */
.form-container .btn {
  background-color: #04AA6D;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
  background-color: red;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}
</style>
	</head>
	<body bgcolor="##ffffff">
	<table width="100%" border="0" cellspacing="1">
 
  <tr><td>
  <div class="templatemo-content-widget orange-bg">
			<header class="text-center"><h2>�к����ʹ�����͡�èѴ��� ʶҺѹ�Ԩ�¾ĵԡ�����ʵ�� ���</h2>
			</div>
  
  <tr> 
    <td><form name="form1" method="post" action="login_action.asp" class="templatemo-login-form">
        <table width="48%" border="0" align="center" cellspacing="1" bgcolor="#FFCCCC">
          <tr> 
            <td colspan="3">&nbsp;</td>
          </tr>
		<div class="templatemo-content-widget templatemo-login-widget white-bg">
			<header class="text-center">
	          <div class="square"></div>
	          <h1>ŧ���������</h1>
	        </header>
	        <form action="index.html" class="templatemo-login-form">
	        	<div class="form-group">
	        		<div class="input-group">
		        		<div class="input-group-addon"><i class="fa fa-user fa-fw"></i></div>	        		
		              	<input type="text" class="form-control" placeholder="Your ID" name="txtusername" required>           
		          	</div>	
	        	</div>
	        	<div class="form-group">
	        		<div class="input-group">
		        		<div class="input-group-addon"><i class="fa fa-key fa-fw"></i></div>	        		
		              	<input type="password" class="form-control" placeholder="******" name="txtpassword" id="myInput" required>
					</div>
						
					                
                    <div class="templatemo-block margin-bottom-5">
                      <input type="checkbox" name="emailOptions" id="c1" value="new" onclick="myFunction()"> 
                      <label for="c1" class="font-weight-400">show PW</label> 
                    </div>

</table>	
<button class="open-button" onclick="openForm()">FW</button>

function closeForm() {
  document.getElementById("f2").style.display = "none";
}
</script>
	</body>
</html>

File Manager

Editing: index.html.bak