Login Forms

LOGIN FAILURE NOTIFICATIONS

  • "The e-mail address or password you entered is incorrect. Please try again."
  • "The login information you entered does not match any accounts on record."
  • "Sorry, that email address/password combination is invalid."

FORM VALIDATION ERRORS

  • These notifications appear when a visitor attempts to submit the login form without filling in the required fields, or enters an improperly formatted email address. On most sites, these appear after the Sign In button is clicked.
  • Missing email: "Please enter your email address."
  • Missing password: "Please enter your password."
  • Invalid email (optional): "Please enter your email address in the format you@domain.com."

LOGIN FORM - horizontal labels

LOGIN FORM - stacked labels

Sign In or Register

LOGIN FORM - persistent header

Remember Me

Forgot Password?

FORGOT PASSWORD - variants

  • Forgot Password?
  • Forgot your password?
  • Can't access your account?
  • Forgot?
  • Need help signing in?
Forgot Password

FORGOT PASSWORD FORM

Forgot your password?

Enter your email and we'll send you instructions for resetting your password.

FORGOT PASSWORD FORM - after submission

Password Reset An email has been sent to email@domain.com with instructions on how to reset your password. If you do not receive this email within a few hours, please confirm that the email is correct and check your junk or spam folder.

RESET PASSWORD FORM

Password Reset

Please enter a new password in the form below and click Update. Once accepted, you will automatically be logged in to your account.

  • Medium

FORGOT PASSWORD PROCESS

  1. Prompt the visitor for their login, which is usually their email address. (See example form on the left.) Client-side form validation should test to ensure that the login field is not blank and contains a valid email address.

  2. If the form passes client-side validation, the visitor should be notified that instructions for resetting their password have been sent to their email address. Some, but not all sites inform the visitor if the submitted email address could not be located in the database.

  3. An email should be sent to the user with instructions on resetting their password. Typically, the email will contain a link back to a password reset form on the site. The link will contain an unique identifier so that the site can recognize the returning user.

  4. When the user clicks on the link in the password reset email, they should be passed back to a page on the website where they can supply a new password. The form for entering the new password should force the user to re-enter the password to ensure that there were no typing mistakes. The form for entering the new password should also ensure that the password entered is sufficiently long and secure.

  5. The user should be logged into their account once the new password has been entered successfully.

PASSWORD RESET EMAIL

Dear ____,

We have received your recent request to reset your password at www.somedomain.com.  
To complete this request, please click this link:

https://www.somedomain.com/change-password/34539420-0b40-11e0-81e0-0800200c9a66

If you did not make this request or do not wish to reset your
password, please ignore this email.

If you have questions or need further help, please visit our support center at 
http://www.somedomain.com/support

Regards,
_____ Account Services
New Account Registration

NEW ACCOUNT REGISTRATION FORM

Create Your [site name] Account

  • 6 - 16 characters

  • By clicking this button, you are agreeing to the Terms of Service and Privacy Policy.

REGISTRATION EMAIL

Hi [first name],

Thanks for joining [website name]!

To complete your registration, please confirm your email address by 
following the link below:

http://www.your-site-domain.com/Uvq4h0jSyN7VaW4cSJfhVEaJ_qbe5SgbM0FI

If the above link does not work, please copy the link into your web 
browser's address bar.

[Many companies add features or getting-started tips here.  
Since these are site-specific,you'll have to create this copy yourself.] 

Sincerely,

[company name]
Contribute!
This site is a work-in-progress. If you like this site, please consider contributing original copy that other's might find useful. Send contributions to clon...@gmail.com
Thank you to Stephen Bau for his Fluid 960 Grid System. This site was heavily influenced by his work.