login password simple

Open In Editor Publish Your Code

<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Форма Логина</title>
    <link rel="stylesheet" href="./form.css" />
  </head>
  <body>
    <div class="login-container">
      <h2>Войти в аккаунт</h2>
      <form id="loginForm">
        <div class="input-group">
          <label for="username">Логин:</label>
          <input
            type="text"
            id="username"
            placeholder="Введите логин"
            required
          />
        </div>
        <div class="input-group">
          <label for="password">Пароль:</label>
          <input
            type="password"
            id="password"
            placeholder="Введите пароль"
            required
          />
        </div>
        <button type="submit">Войти</button>
        <p id="error-message" class="error-message"></p>
      </form>
    </div>
    <script src="./form.js"></script>
  </body>
</html>

login password simple

Recommended

HTML Login Page

Animated Neomorphism Login Screen

HTML Animated Login Form Example

HTML

CSS

JS

Recommended

HTML Login Page

Animated Neomorphism Login Screen

HTML Animated Login Form Example

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS