<!
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Validate</title>
</head>
<body>
<div align="left">
<h2> Student Registration</h2>
<form action="">
<!-- Login details -->
<fieldset>
<legend> Login Details</legend>
<label for="email"> Email :</label>
<input type="email" id="email" placeholder="abc@gmail.com"
required>
<br> <br>
<label for="pswd">Password :</label>
<input type="password" id="pswd" required>
</fieldset>
<!-- Personal details-->
<fieldset>
<legend>Personal information</legend>
<label for="name"> Full Name : </label>
<input type="text" id="fname" required>
<br> <br>
<label for="dob"> Date of birth : </label>
<input type="date" id="dob" required>
<br><br>
<label for="gender">Gender : </label>
<input list="genders" id="gender" required>
<datalist id="genders">
<option value="male">
<option value="female">
<option value="other">
</datalist>
</fieldset>
<!--Contact details -->
<fieldset>
<legend>Contact details</legend>
<label for="contactno">Contact No:</label>
<input type="tel" id="contactno" placeholder="+022 204357"
required>
<br> <br>
Address : <br>
<textarea id="add" rows="5" cols="20">
</textarea>
</fieldset>
<input type="submit" value="Submit">
</form>
</div>
</body>
</html>