HTML / Markup
Public
Accessible Login Form
A simple accessible login form with labels, autocomplete attributes, and required fields.
#html
#form
#accessibility
#beginner
HTML / Markup
<form action="/signin" method="post" class="login-form">
<div>
<label for="email">Email address</label>
<input
type="email"
id="email"
name="email"
autocomplete="email"
required
>
</div>
<div>
<label for="password">Password</label>
<input
type="password"
id="password"
name="password"
autocomplete="current-password"
required
>
</div>
<button type="submit">Sign in</button>
</form>Notes
Use real labels instead of placeholders only. This improves usability and accessibility.
