login password simple

Open In Editor Video 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

Folded paper login form

Futuristic Login Page Design with Glassmorphism

HTML Login Form Example

HTML

CSS

JS

Recommended

Folded paper login form

Futuristic Login Page Design with Glassmorphism

HTML Login Form Example

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS