<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=<device-width>, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<h1>Register</h1>
<form>
<label for="first">First Name:</label>
<input name="first" id="first" type="textbox" placehorder="Firstname" required>
<label for="last">Last Name:</label>
<input name="last" id="last" type="textbox" placehorder="Lastname" required>
<div>
<label for="male">Male:</label>
<input id="male" name="Gender" type="radio" value="male">
<label for="female">Female:</label>
<input id="female" name="Gender" type="radio" value="male">
<label for="other">Other:</label>
<input id="other" name="Gender" type="radio" value="other">
</div>
<div>
<label>
Email:
<input name="email" type="email" placeholder="your email" required>
</label>
<label>
Password:
<input id="password" name="password" type="password" input pattern=".{5,10}" required title="password must be between 5 and 10 characters">
</label>
</div>
<div>
<label> Birthday:
<select name="month">
<option value="0" selected="selected">Month</option>
<option>Jan</option>
<option>Feb</option>
<option>Mar</option>
</select>
<select name="day">
<option value="0" selected="selected">Day</option>
<option>10</option>
<option>11</option>
</select>
<select name="year">
<option value="0" selected="selected">Year</option>
<option>1988</option>
<option>1987</option>
<option>1986</option>
</select>
</label>
</div>
<label for="agreed">I agree to the terms and conditions:</label>
<input id="agreed" name="agreed" type="checkbox">
<div>
</div>
<div>
<input type="submit">
</div>
</form>
</body>
</html>
