How to Create a Login Page in HTML

Sanskrit97

Editor

posted on 5 years ago — updated on 1 second ago

48
views

You can hide content behind login pages with just a press of a button in WordPress, and you can find many plug-ins and services that provide those login pages so you don't have to code. To make your login page works without the one-click ease of WordPress, you'll need to create multiple users on your site and you will need to change permissions to view the site from public to private. This wikiHow will show you how to create the basics of a login page in HTML.

Steps

Open a text editor. Windows and Mac computers come with default text editor programs that will work to create or edit HTML. If you're using Windows, you can use Notepad, which you can search for in the start menu, or try installing the more fully featured Notepad++. If you're using a Mac, you can use TextEdit, which you can search in Spotlight.

Type “

” and press ↵ Enter. This indicates the beginning of your login page code.

Type the following code to create a login page skeleton:

The “placeholder” text appears in the text field until it is active. It gives an example of what you're looking for in the textbox. The “required” tag is optional, but it warns the user if they didn't finish filling in a field that it is required. Make sure you close all the open tags. Your code will look funny if you didn't close one.