Skip to content

Commit ccca42c

Browse files
committed
Added all the requirements: name, email, colours and sizes
1 parent bb6c17b commit ccca42c

1 file changed

Lines changed: 65 additions & 0 deletions

File tree

Form-Controls/index.html

Lines changed: 65 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,71 @@ <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.*">
29+
30+
</div>
31+
32+
<div>
33+
<label for="email">Email Address</label>
34+
<input
35+
id="email" name="email" type="email" required>
36+
37+
</div>
38+
<fieldset>
39+
<legend>Colour Choice</legend>
40+
<label>
41+
<input type="radio" name="colour" value="Burgundy" required>
42+
Burgundy
43+
</label>
44+
45+
<label>
46+
<input type="radio" name="colour" value="Purple" required>
47+
Purple
48+
</label>
49+
50+
<label>
51+
<input type="radio" name="colour" value="Yellow" required>
52+
Yellow
53+
</label>
54+
55+
</fieldset>
56+
57+
<fieldset>
58+
<legend>Size Choice</legend>
59+
<label>
60+
<input type="radio" name="size" value="XS" required>
61+
XS
62+
</label>
63+
64+
<label>
65+
<input type="radio" name="size" value="S" required>
66+
S
67+
</label>
68+
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>
85+
86+
</fieldset>
87+
88+
<button type="submit">Place Your Order</button>
89+
2590
</form>
2691
</main>
2792
<footer>

0 commit comments

Comments
 (0)