How to Create Registration Form in HTML – Easy
Here in this post, we will create an HTML Registration Form
<!DOCTYPE HTML>
<html>
<head>
<title>Register Form</title>
</head>
<body>
<form>
<table>
<tr>
<td>Name :</td>
<td><input type="text"></td>
</tr>
<tr>
<td>Password :</td>
<td><input type="password"></td>
</tr>
<tr>
<td>Gender :</td>
<td>
<input type="radio" name="Gender"> Male
<input type="radio" name="Gender"> Female
</td>
</tr>
<tr>
<td>Email :</td>
<td><input type="email"></td>
</tr>
<tr>
<td>Phone no :</td>
<td>
<select>
<option>977</option>
<option>978</option>
<option>979</option>
<option>973</option>
<option>972</option>
<option>974</option>
</select>
<input type="phone">
</td>
</tr>
<tr>
<td><input type="submit" value="Submit"></td>
</tr>
</table>
</form>
</body>
</html>In the above code, we use a <table> tag to format our form. Inside a table we use <tr> (table row) and <td> (table data). Where <tr> is used to make a row in a table and <td> is used to make a column on that row of the table.
We make our first row (line 9 – 12) we make a column for name and its input field.
In a second row (line 13 – 17) we make a column for password and its input field.
After that, we make another row (line 18 – 23) we make a column for gender and make a radio button input field for gender.
(Line 24 – 27) We make another row for the email address.
(Line 28 – 41) Here we make a row for phone number input field and for a country code.
(Line 42 – 44) At last, we make a submit button.
And here we complete making our Registration form in HTML
Registration form image
And this is how to create Registration Form in an HTML
Hand peck relevant post for you:
- How to connect HTML register form to MySQL database with PHP
- How to display data from a MySQL database into an HTML table using PHP
Share this content with your friend.
