How to create Registration Form using HTML?

How to create Registration Form using HTML

Creating registration form with html is an easy task.HTML provides us with some tags which are known as form tags for creating registration form.

So before we start creating Registration form have a look on html form tags.

An HTML form contains form elements.Form elements has different types of input elements, like text fields, checkboxes, radio buttons, submit buttons, and more.The <input> Element.
The <input> element is the most important form element.The <input> element can be displayed in several ways, depending on the type attribute.

The input tag has attributes type and name .type is used for specifying the type of data to be inserted and name is used to give name to that field.

The form tag has following attributes :

Method, target and action.

We have designed a registration form for you. You can see the registration form html code below to clearly understand how html form is designed.

So here’s your Registration Form code :-

<html>

<head><title> Registration Form</title>

</head>

<body>

<form action=”#” name=”Registration” method=”post”>

<table cellpadding=”2″ align=”center” cellspacing=”2″>

<tr>

<td colspan=2>

<center><font size=4><b>Registration Form</b></font></center>

</td>

</tr>

<tr>

<td>First Name</td>

<td><input type=”text” name=”firstname” size=”30″></td>

</tr>

<tr>

<td>Last Name</td>

<td><input type=”text” name=”lastname” size=”30″></td>

</tr>

<tr>

<td>Father Name</td>

<td><input type=”text” name=”fathername” size=”30″></td>

</tr>

<tr>

<td>Residence Address</td>

<td><input type=”text” name=”paddress” size=”30″></td>

</tr>

<tr>

<td>Correspondence Address</td>

<td><input type=”text” name=”caddress” size=”30″></td>

</tr>

<tr>

<td>Sex</td>

<td><input type=”radio” name=”sex” value=”male” size=”10″>Male

<input type=”radio” name=”sex” value=”Female” size=”10″>Female</td>

</tr>

<tr>

<td>City</td>

<td><select name=”City”>

<option value=”-1″ selected>select..</option>

<option value=”New Delhi”>NEW DELHI</option>

<option value=”Mumbai”>MUMBAI</option>

<option value=”Goa”>GOA</option>

<option value=”Patna”>PATNA</option>

</select></td>

</tr>

<tr>

<td>Course</td>

<td><select name=”Course”>

<option value=”-1″ selected>select..</option>

<option value=”B.Tech”>B.TECH</option>

<option value=”MCA”>MCA</option>

<option value=”MBA”>MBA</option>

<option value=”BCA”>BCA</option>

</select></td>

</tr>

<tr>

<td>District</td>

<td><select name=”District”>

<option value=”-1″ selected>select..</option>

<option value=”Pritampura”>Pritampura</option>

<option value=”UP”>UP</option>

<option value=”Goa”>GOA</option>

<option value=”Faridabad”>Faridabad</option>

</select></td>

</tr>

<tr>

<td>State</td>

<td><select Name=”State”>

<option value=”-1″ selected>select..</option>

<option value=”New Delhi”>NEW DELHI</option>

<option value=”Mumbai”>MUMBAI</option>

<option value=”Goa”>GOA</option>

<option value=”Haryana”>Harayana</option>

</select></td>

</tr>

<tr>

<td>PinCode</td>

<td><input type=”text” name=”pincode” size=”30″></td>

</tr>

<tr>

<td>Email Id</td>

<td><input type=”text” name=”emailid” size=”30″></td>

</tr>

<tr>

<td>DOB</td>

<td><input type=”text” name=”dob” size=”30″></td>

</tr>

<tr>

<td>MobileNo</td>

<td><input type=”text” name=”mobileno” size=”30″></td>

</tr>

<tr>

<td><input type=”reset”></td>

<td colspan=”2″> <input type=”submit” value=”Submit Form” /></td>

</tr>

</table>

</form>

</body>

</html>

After writing the html code for Registration form Your registration form will look like this :-