Simple CSS Logo

Login Form

A login form is used to log a user into a website. Simplicity provides specific styling for this to facilitate ease of use. Thankfully, a login form is a relatively simple form that does not require too many classes to make.

Class

Explanation

.login-form

Defines a login form.

Login Form Example

Login Form Code

<form action="#" method="post" class="login-form col-start-4 col-end-10 col-start-lg-3 col-end-lg-11 col-start-md-2 col-end-md-12 col-start-sm-1 col-end-sm-13 darkest-white bright-gray-shadow">
    <h2>Login</h2>
    <label for="username">Username</label>
    <input type="text" id="username" name="username" required>
    <label for="password">Password</label>
    <input type="password" id="password" name="password" required>
    <button type="submit" class="accept-button">Sign In</button>
</form>