HTML - Sign Up Form

A Sign Up Form in HTML provides a new user with a form for registration.

What is a Sign Up Form in HTML?

You might have often seen, in some of the websites you are asked to sign up. You are given a sign up form. The form usually contains the fields like First Name, Last Name, User Name, Password e.t.c.

And in this tutorial, we will learn how to create a Sign Up Form in HTML.

How to create a Sign Up Form in HTML?

Example :

<html>
<body>
	<form action=" ">
		<label for="first_name">First Name :</label>
  		<input type="text" id="first_name" name="First_Name"><br><br>
  		
  		<label for="last_name">Last Name :</label>
  		<input type="text" id="last_name" name="Last_Name"><br><br>
  		
  		<label for="email">Email :</label>
        <input type="email" id="email" name="email"><br><br>
        
		<label for="password">Password :</label>
    	<input type="password" name="password"><br><br>
    	
		<input type="submit">
	</form> 
</body>
</html>

Output :

So, if you look at the above code. Inside the <form> element there is a <label> element and an <input> element.

Let us see the <label> element first.

So, the <label> element contains the label or text for First Name, Last Name and Email and Password.

And the <input> element takes the input for First Name, Last Name and Email and Password.

Finally we have the submit button.

<input type="submit">

In this case, the value of the <input> element is submit. Which inserts a button and names it Submit automatically.

On clicking the Submit button the form is submitted.

❮❮ PREV