123456789101112131415161718192021222324252627282930313233 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Login</title>
- <link rel="stylesheet" href="style.css">
- </head>
- <body>
- <div class="container">
- <form id="form" action="/" method="">
- <div class="form-wrapper">
- <div class="login-form form">
- <label class="label login-label" for="login-input">Login</label> <br />
- <input class="input login-input" type="text" id="login-input" name="login" />
- <div id="login-error">This field cannot be empty!</div>
- </div>
- <div class="password-form form">
- <label class="label password-label" for="password-input">Password</label> <br />
- <input class="input password-input" type="password" id="password-input" name="password"/>
- <div id="password-error">This field cannot be empty!</div>
- </div>
- <button class="submit-btn" type="submit">Login</button>
- </div>
- </form>
- </div>
- </div>
- <script src="main.js"></script>
- </body>
- </html>
|