Skip to content

Commit 7758364

Browse files
ChinwePChinweP
committed
Formatted code
1 parent ba18980 commit 7758364

1 file changed

Lines changed: 53 additions & 52 deletions

File tree

‎Form-Controls/index.html‎

Lines changed: 53 additions & 52 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html lang="en">
33
<head>
44
<meta charset="utf-8" />
@@ -22,71 +22,72 @@ <h1>Product Pick</h1>
2222
2.What is the customer's email? I must make sure the email is valid. Email addresses follow a consistent pattern.
2323
3.What colour should this T-shirt be? I must provide 3 options. How will I ensure they do not choose other colours?
2424
4.What size does the customer want? I must provide the following 6 options: XS, S, M, L, XL, XXL-->
25-
<div>
26-
<label for="name">Full Name</label>
27-
<input
28-
id="name" name="name" type="text" required pattern=".*\S.*\S.*">
25+
<div>
26+
<label for="name">Full Name</label>
27+
<input
28+
id="name"
29+
name="name"
30+
type="text"
31+
required
32+
pattern=".*\S.*\S.*"
33+
/>
34+
</div>
2935

30-
</div>
3136

32-
<div>
33-
<label for="email">Email Address</label>
34-
<input
35-
id="email" name="email" type="email" required>
36-
37-
</div>
37+
<div>
38+
<label for="email">Email Address</label>
39+
<input id="email" name="email" type="email" required />
40+
</div>
41+
3842
<fieldset>
39-
<legend>Colour Choice</legend>
40-
<label>
41-
<input type="radio" name="colour" value="Burgundy" required>
43+
<legend>Colour Choice</legend>
44+
<label>
45+
<input type="radio" name="colour" value="Burgundy" required />
4246
Burgundy
43-
</label>
44-
45-
<label>
46-
<input type="radio" name="colour" value="Purple" required>
47-
Purple
48-
</label>
47+
</label>
4948

50-
<label>
51-
<input type="radio" name="colour" value="Yellow" required>
52-
Yellow
53-
</label>
49+
<label>
50+
<input type="radio" name="colour" value="Purple" required />
51+
Purple
52+
</label>
5453

54+
<label>
55+
<input type="radio" name="colour" value="Yellow" required />
56+
Yellow
57+
</label>
5558
</fieldset>
56-
59+
5760
<fieldset>
58-
<legend>Size Choice</legend>
59-
<label>
60-
<input type="radio" name="size" value="XS" required>
61+
<legend>Size Choice</legend>
62+
<label>
63+
<input type="radio" name="size" value="XS" required />
6164
XS
62-
</label>
63-
64-
<label>
65-
<input type="radio" name="size" value="S" required>
66-
S
67-
</label>
65+
</label>
6866

69-
<label>
70-
<input type="radio" name="size" value="M" required>
71-
M
72-
</label>
73-
<label>
74-
<input type="radio" name="size" value="L" required>
75-
L
76-
</label>
77-
<label>
78-
<input type="radio" name="size" value="XL" required>
79-
XL
80-
</label>
81-
<label>
82-
<input type="radio" name="size" value="XXL" required>
83-
XXL
84-
</label>
67+
<label>
68+
<input type="radio" name="size" value="S" required />
69+
S
70+
</label>
8571

72+
<label>
73+
<input type="radio" name="size" value="M" required />
74+
M
75+
</label>
76+
<label>
77+
<input type="radio" name="size" value="L" required />
78+
L
79+
</label>
80+
<label>
81+
<input type="radio" name="size" value="XL" required />
82+
XL
83+
</label>
84+
<label>
85+
<input type="radio" name="size" value="XXL" required />
86+
XXL
87+
</label>
8688
</fieldset>
8789

8890
<button type="submit">Place Your Order</button>
89-
9091
</form>
9192
</main>
9293
<footer>

0 commit comments

Comments
 (0)