→ Anonymous
→ Login form with CSS

Login form with CSS

This Example is contributed by Anonymous, on 31-Mar-2025. It is responsive. similar terms for this example is Form Component

Form

Author Anonymous

Fork Fullscreen

<div class="login-container">
  <div class="login-form-wrapper">
    <div class="login-header">
      <h1>Welcome Back</h1>
      <p>Please enter your credentials to continue</p>
    </div>
    
    <form class="login-form">
      <div class="form-group">
        <label for="email">Email Address</label>
        <input type="email" id="email" placeholder="Enter your email" required>
      </div>
      
      <div class="form-group">
        <label for="password">Password</label>
        <input type="password" id="password" placeholder="Enter your password" required>
      </div>
      
      <div class="form-options">
        <div class="remember-me">
          <input type="checkbox" id="remember">
          <label for="remember">Remember me</label>
        </div>
        <a href="#" class="forgot-password">Forgot password?</a>
      </div>
      
      <button type="submit" class="login-button">Sign In</button>
      
      <div class="create-account">
        <p>Don't have an account? <a href="#">Create one</a></p>
      </div>
    </form>
  </div>
</div>

Related Examples