register.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Register</title>
</head>
<body>
	<div> <!-- How to split up our code, span is used to focus on specific in-lines -->
		<form method="GET">
			<span>First Name:</span> <input type="text" name="firstname"><br> <!-- self closing tag for input for First Name. Remember html reads line by line-->
			Last Name: <input type="text" name="lastname"><br>
			Email: <input type="email" name="email" required><br> <!-- type email requires '@' -->
			Password: <input type="password" name="password" minlength="5"><br>
			Birthday: <input type="date" name="birthday"><br> <!-- type date will allow you to select a specific date -->
			Gender:<br>
			<!-- radio = bullet points you can click, name="gender" means you can only pick one option. -->
			 <input type="radio" name="gender" value="Male">Male<br>
			 <input type="radio" name="gender" value="Female">Female<br>
			 <input type="radio" name="gender" value="Other">Other<br>
			 Pets: <br>
			 <input type="checkbox" name="cat"> Cat<br>
			 <input type="checkbox" name="dog"> Dog<br>
			 Cars: <br>
			 <select name="cars">
			 	<option value="volvo" name="volvo">Volvo</option>
			 	<option value="Audi" name="audi">Audi</option>
			 </select><br>
			<input type="submit" value="Register!">
			<input type="reset">
		</form>
	</div>
</body>
</html>