Customer Login Form

visit the website Extra information Knowledge

https://webdesigningtheory.blogspot.com/2023/09/html-table-design.html

https://webdesigningtheory.blogspot.com/2023/09/inline-css.html
PROGRAM : Customer Login form :-

CODE THIS PROGRAME

<html>   
<head>  
<meta name="viewport" content="
width=device-width, initial-scale=1">  
<title> Login Page </title>  
<style>   
Body {  
  font-family: Calibri, Helvetica, sans-serif;  
  background-color: pink ;  
}  

body {
  background-image:url ="https://drive
.google.com/file/d/1RMKNDIdqJSs4PTAZO6p47
VmC_MXWsplC/view?usp=drivesdk" ("background6.jpg");
}

button {   
       background-color: 357Ec7; 
       width: 100%;  
        color: black ;   
        padding: 15px;   
        margin: 10px 0px;   
        border: none;   
        cursor: pointer;   
         }   
 form {   
        border: 3px solid #f1f1f1;   
    }   
 input[type=text], input[type=password]
 {   
        width: 100%;   
        margin: 8px 0;  
        padding: 12px 20px;   
        display: inline-block;   
        border: 2px solid   #F660AB;   
        box-sizing: border-box;   
    }  
 button:hover {   
        opacity: 0.7;   
    }   
  .cancelbtn {   
        width: auto;   
        padding: 10px 18px;  
        margin: 10px 5px;  
    }   
        
     
 .container {   
        padding: 25px;   
        background-color: FCDFFF;  
    }   
</style>   
</head>    
<body>    
    <center> <h1> Customer  Login Form </h1>
 </center>   
    <form>  
        <div class="container">   
            <label>Username : </label>   
            <input type="text" placeholder=
"Enter Username" name="username" required>
            <label>Password : </label>   
            <input type="password" placeholder=
"Enter Password" name="password" required>
             <button type="submit"> <input
 type="submit"
              onclick="check(this.form)"
 name="btn_submit"
             value="Login"></button>
            <input type="checkbox" 
checked="checked"> Remember me   
            <button type="button"
 class="cancelbtn"> Cancel</button>   
            Forgot <a href="#"> password? </a>   
        </div>   
    </form>     
</body>     
<script type="text/javascript">
          var message="Right Click Disabled!";
               function rtclickcheck(keyp)  {
        if (navigator.appName == "Netscape"  &&
                           keyp.which == 3)  {
                              alert(message);
                               return false;
                      }
       if (navigator.appVersion.indexOf("MSIE")
  != -1 && event .button == 2)  {
                               alert(message);
                           return false;
                      }
}
         document.onmousedown = rtclickcheck;
         function check(form)  {
    

 if  (form.username.value ==  "admin"
 && form.password.value == "123")  {
       window.open("https:https://
www.tripadvisor.in/Attraction_Review-g12456442
-d2293365-Reviews-Kas_Plateau-Kas_Satara_Distric
t_Maharashtra.html ")
      } else  {
        alert("Username or Password Doesn't 
Match!");
   }
}
</script>
</html>