How to Design an HTML Login Web Page
Hypertext Markup Language (HTML) provides a set of markup tags designed to make designing a login page quick and efficient. By enclosing form fields between the <form></form> tags in the body of the HTML page, all web browsers understand there are fields in the form to be submitted back to the server. Things you commonly see in an HTML login form include text boxes for a user name and password, and a button to submit the information.
Other People Are Reading
Instructions
-
-
1
Open a new document in the text editor.
-
2
Type:
<form method="post" action="">
Press "Enter" on the keyboard.
-
-
3
Type:
Name: <input type="text" name="username" />
Press "Enter" on the keyboard.
-
4
Type:
<input type="password" name="pwd" />
Press "Enter" on the keyboard.
-
5
Type:
<input type="submit" value="Submit" />
Press "Enter" on the keyboard.
-
6
Type:
</form>
-
7
Save the file with the .htm or .html extension, and then open it in your web browser to see the results.
-
1
Tips & Warnings
Using "password" rather than "text" on the type attribute automatically masks the password when typed in the page.
You should only put form HTML tags between the <body></body> tags in an HTML page--never between the <head></head> tags.
