Questions
Design Simple Registration form with First Name, Last Name, Password, EMail Id, Phone No, Address, Gender, DOB in the personal details section and Degree, Engineering Branch, Signature, Photo and Resume upload in Educational Details section.
Last Updated : 17 Jul 2025
Jul 24
Solution:
<!DOCTYPE html>
<html>
<head>
<title>HTML Registration Form</title>
</head>
<body>
<form>
<fieldset>
<legend>Registration Form</legend>
<fieldset>
<legend>Personal Details</legend>
First Name<br><input type="text"><br><br>
Last Name<br><input type="text"><br><br>
Password<br><input type="Password"><br><br>
EMail Id<br><input type="email"><br><br>
Phone No<br><input type="number"><br><br>
Address<br><textarea cols="50" rows="4"> </textarea><br><br>
Gender<br><input type="radio" name="gender" value="male">Male
<input type="radio" name="gender" value="male">Female
<input type="radio" name="gender" value="male">Others<br><br>
DOB <input type="date">
</fieldset><br><br>
<fieldset>
<legend>Educational Details</legend>
Degree <br> <input type="text"><br><br>
Engineering Branch <br> <input type="text"><br><br>
Signature <br> <input type="file"><br><br>
Photo <br> <input type="file"><br><br>
Resume <br> <input type="file"><br><br>
</fieldset>
<input type="submit" value="Submit Form">
</fieldset>
</form>
</body>
</html>
OUTPUT:
Meanwhile you can watch this video
Watch Video