Skip to content

Commit 8a459e4

Browse files
MattCarolus10MattCarolus10
committed
Formatted code
1 parent 969faa1 commit 8a459e4

1 file changed

Lines changed: 58 additions & 55 deletions

File tree

‎Form-Controls/index.html‎

Lines changed: 58 additions & 55 deletions
Original file line numberDiff line numberDiff line change
@@ -1,64 +1,67 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="utf-8" />
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6-
<title>My form exercise</title>
7-
<meta name="description" content="" />
8-
<meta name="viewport" content="width=device-width, initial-scale=1" />
9-
</head>
10-
<body>
11-
<header>
12-
<h1>Product Pick</h1>
13-
</header>
14-
<main>
15-
<form>
163

17-
<div>
18-
<label for="name">Name:</label>
19-
<input type="text" name="name" id="name" placeholder="Full name" required pattern=".*\S.*\S.*">
20-
</div>
4+
<head>
5+
<meta charset="utf-8" />
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
7+
<title>My form exercise</title>
8+
<meta name="description" content="" />
9+
<meta name="viewport" content="width=device-width, initial-scale=1" />
10+
</head>
2111

22-
<div>
23-
<label for="email">Email:</label>
24-
<input type="email" name="email" id="email" placeholder="Email address" required>
25-
</div>
12+
<body>
13+
<header>
14+
<h1>Product Pick</h1>
15+
</header>
16+
<main>
17+
<form>
2618

27-
<div>
28-
<label for="color">Preferred T-Shirt color:</label>
29-
<select name="color" id="color" required>
30-
<option>Red</option>
31-
<option>Yellow</option>
32-
<option>Green</option>
33-
</select>
34-
</div>
19+
<div>
20+
<label for="name">Name:</label>
21+
<input type="text" name="name" id="name" placeholder="Full name" required pattern=".*\S.*\S.*">
22+
</div>
3523

36-
<div>
37-
<label for="size">Preferred T-Shirt size:</label>
38-
<select name="size" id="size" required>
39-
<option>XS</option>
40-
<option>S</option>
41-
<option>M</option>
42-
<option>L</option>
43-
<option>XL</option>
44-
<option>XXL</option>
45-
</select>
46-
</div>
24+
<div>
25+
<label for="email">Email:</label>
26+
<input type="email" name="email" id="email" placeholder="Email address" required>
27+
</div>
4728

48-
<button type="submit">SUBMIT</button>
49-
<button type="reset">RESET</button>
50-
51-
52-
53-
54-
<!--
29+
<div>
30+
<label for="color">Preferred T-Shirt color:</label>
31+
<select name="color" id="color" required>
32+
<option>Red</option>
33+
<option>Yellow</option>
34+
<option>Green</option>
35+
</select>
36+
</div>
37+
38+
<div>
39+
<label for="size">Preferred T-Shirt size:</label>
40+
<select name="size" id="size" required>
41+
<option>XS</option>
42+
<option>S</option>
43+
<option>M</option>
44+
<option>L</option>
45+
<option>XL</option>
46+
<option>XXL</option>
47+
</select>
48+
</div>
49+
50+
<button type="submit">SUBMIT</button>
51+
<button type="reset">RESET</button>
52+
53+
54+
55+
56+
<!--
5557
try writing out the requirements first as comments
5658
this will also help you fill in your PR message later-->
57-
</form>
58-
</main>
59-
<footer>
60-
<!-- change to your name-->
61-
<p>By HOMEWORK SOLUTION</p>
62-
</footer>
63-
</body>
64-
</html>
59+
</form>
60+
</main>
61+
<footer>
62+
<!-- change to your name-->
63+
<p>By HOMEWORK SOLUTION</p>
64+
</footer>
65+
</body>
66+
67+
</html>

0 commit comments

Comments
 (0)