Could you add something else?

Question

I'm creating a login and i wanted to know if it could improve something or add something, and if not leave as it is.
https://code.sololearn.com/W5O2RfQSSPJ8/?ref=app

Answer 1

1. I'd stack the input boxes instead of having them horizontal. This doesn't impact the functionality of it, but is more on the lines of the HCI side of it with the user interaction and what they expect based on most login pages they visit.

2. The text that fades in after 5-10 secs isn't really necessary. That's something you'd want to always have displayed and maybe place it above the login (or below it) and have an appropriate size text for it.

3. Turn autocomplete on for username.

4. Create option to be able to remember username.

5. You need input validation on both inputs. Use JS to validate what's being placed in your inputs so you can control what's being sent to the server and not accept invalid inputs. When you're using an actual database/SQL, make sure that you're escaping special characters and such when user is submitting ANYTHING to your databases; if not, one can easily inject SQL code and access/manipulate/destroy your database easily.

6. Create appropriate error messages that display if you do something wrong, such as input a username but not a password, etc...

7. If you're going to use horizontal bars to section things, then align your inputs into the center so it matches up with the bars since they're going across the entire page length.

That's the things I could think of off the top of my head. If you post more code later, I'd be more than happy to give you my personal feedback on it.