html-forms-tutorial-exercises/exercises/06-Replicate-simple-form/index.html at 887b28c947b0a1c5c14e449e99551967b3eee392 · 4GeeksAcademy/html-forms-tutorial-exercises · 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
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width" />
		<title>4Geeks Academy</title>

		<style>
			/* your code here */
			* {
				font-family: "Times New Roman", Times, serif;
			}
			table {
				border-style: double;
			}
			.primary {
				background-color: slateblue;
			}
			.btn {
				align-items: center;
			}
		</style>
	</head>

	<body>
		<form>
			<!-- your code here -->
			<table>
				<tr class="primary">
					<th><strong>Name</strong></th>
					<th><strong>Value</strong></th>
				</tr>
				<tr>
					<td>Name</td>
					<td><input type="name" /></td>
				</tr>
				<tr>
					<td>Sex</td>
					<td>
						<input type="checkbox" name="Sex" id="Male" /> Male <br />
						<input type="checkbox" name="Sex" id="Female" /> Female
					</td>
				</tr>
				<tr>
					<td>Eye Color</td>
					<td>
						<input type="color" name="Color" id="color" />
					</td>
				</tr>
				<tr>
					<td>Check all that apply</td>
					<td>
						<input type="checkbox" name="Over" id="6feet" /> Over 6 feet tall <br />
						<input type="checkbox" name="Over" id="200pounds" /> Over 200 pounds
					</td>
				</tr>
			</table>
			<tr>
				<td>Describe your athletic ability: <br /></td>
			</tr>
			<input type="text" />
			<tr>
				<td><input class="btn" type="button" value="Enter my information" /></td>
			</tr>
		</form>
	</body>
</html>