Login page — complete auth form
A complete login page with email/password, remember me, forgot password, and social login buttons.
autocomplete='email' / 'current-password' — tells the browser's password manager what to fill. CRITICAL for UX — without it, browsers can't auto-fill logins. required — browser won't submit without a value. minlength='8' — minimum 8 characters (basic password policy). type='password' — masks characters. Checkbox + link on the same row — the 'remember me' + 'forgot password' pattern every auth form uses. Divider with 'or' — separates email login from social login. Social buttons — Google, GitHub, etc. Each would POST to a different endpoint. label class='checkbox-label' — lets CSS style the checkbox + text as a unit. The form method='post' — NEVER use GET for login (password would appear in the URL + browser history).
-
Add autocomplete="new-password" to the password field→ tells browser this is a NEW password (for registration) -
Add a <input type="hidden" name="next" value="/dashboard">→ redirects to /dashboard after login -
Change type="password" to type="text"→ password becomes visible (useful for debugging) -
Add 'maxlength="72"' to the password input→ limits password to 72 chars (bcrypt max) -
Add a third social button: Continue with Apple→ new social login option