How to make a basic login form and registration form using HTML and CSS?

by keshav


A login page is a web page or website entry page that requires user identification and authentication, which is often accomplished by providing a username and password combination. Logins might give you access to the full site or just a section of it. Logging in allows the website to track the user's activity and habits in addition to providing site access.

Following is the code for a simple login form/login page and a registration form/page in HTML with CSS code. It is a basic login page + Registration page written completely using HTML. You can use this login form and registration form on your website without any restrictions.

I recommend you to watch this video along with the code, it will help you to understand the code better,

Also Read:

Also, Look:


Code for a Login form:


See the Pen
basic login form html
by Vidyasheela (@_vidyasheela)
on CodePen.

Code for a Registration form:

See the Pen
basic registration form uisng html
by Vidyasheela (@_vidyasheela)
on CodePen.

Download the source code:  Download Link

You can download several website templates, webpages and widgets for free from here:



Samith Fernando



This is Great, well designed. I suggest a website that we can get more knowledge about web developing, It helped me to success my various projects. Use this link to access.

Post a Comment