index.html 1.1 KB

123456789101112131415161718192021222324252627282930313233
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Login</title>
  8. <link rel="stylesheet" href="style.css">
  9. </head>
  10. <body>
  11. <div class="container">
  12. <form id="form" action="/" method="">
  13. <div class="form-wrapper">
  14. <div class="login-form form">
  15. <label class="label login-label" for="login-input">Login</label> <br />
  16. <input class="input login-input" type="text" id="login-input" name="login" />
  17. <div id="login-error">This field cannot be empty!</div>
  18. </div>
  19. <div class="password-form form">
  20. <label class="label password-label" for="password-input">Password</label> <br />
  21. <input class="input password-input" type="password" id="password-input" name="password"/>
  22. <div id="password-error">This field cannot be empty!</div>
  23. </div>
  24. <button class="submit-btn" type="submit">Login</button>
  25. </div>
  26. </form>
  27. </div>
  28. </div>
  29. <script src="main.js"></script>
  30. </body>
  31. </html>