How Gmail and WordPress Login works
Most of us login into emails, social networking sites with our own credentials. The concept of logging helps to display the information which is only customized for that particular user. This customization helps to improve sales for any company, however there is more than sales in this logging sequence. The most important thing is different websites use different approaches to handle the logging sequences.
This post mainly discusses how gmail and wordpress.com handle the layout and interaction sequence for logging in.
As session is maintained in the browser, even though if we try to open gmail in another page, it gives opens our gmail account rather than displaying the login page as shown above. This same session is maintained even though multiple browsers are used.
When it comes to WordPress, it doesn’t use the global session variables to keep track of the logins, it is stateless. It uses the cookies to store this information.
The above is the login page for wordpress site which uses divs and form inputs for the username and password fields in the layout. The placeholders are used to display the content in the text boxes provided for username and password as shown in the image.
There is more to explore into the architecture of logging for these sites, this is just a drop in the ocean.