Web-Development-Projects/formProject.html at master · adrianviquez/Web-Development-Projects · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!DOCTYPE html>
<html>
<head>
	<title>Example Form</title>
</head>
<body>

	<h1>Register</h1>

	<form>
		<!-- First Name -->
		<label for="firstName">First Name:</label>
		<input id="firstName" placeholder="John" type="text" name="First Name" required="">

		<!-- Last Name -->
		<label for="lastName">Last Name:</label>
		<input id="lastName" placeholder="Smith" type="text" name="Last Name" required="">

		<!-- Gender -->
		<div>
			<label for="Male">Male</label>
			<input id="Male" type="radio" name="Gender" value="Male">

			<label for="Female">Female</label>
			<input id="Female" type="radio" name="Gender" value="Female">

			<label for="Other">Other</label>
			<input id="Other" type="radio" name="Gender" value="Other">
		</div>

		<!-- Email -->
		<div>
			<label for="Email">Email:</label>
			<input id="Email" placeholder="your email" required="" type="email" name="email">

			<label for="Password">Password:</label>
			<input id="Password" required title="Password must be between 5 to 10 characters" type="password" name="password" pattern=".{5,10}">
		</div>

		<!-- Birthday -->
		<div>
			<label>
				Birthday:
				<select name="Month">
					<option>Month</option>
					<option>Jan</option>
					<option>Feb</option>
					<option>March</option>
				</select>
				<select name="Day">
					<option>Day</option>
					<option>1</option>
					<option>2</option>
					<option>3</option>
				</select>
				<select name="Year">
					<option>Year</option>
					<option>1996</option>
					<option>1997</option>
					<option>1998</option>
				</select>
			</label>
		</div>

		<!-- Agree to terms -->
		<div>
			<label for="Agree">I agree to the terms and conditions</label>
			<input type="checkbox" name="Button" required="">
		</div>

		<!-- Submit Button -->
		<input type="Submit" name="">

	</form>

</body>
</html>