Skip to content

Commit 20df3e3

Browse files
Added colour options for shirts
1 parent dfe221f commit 20df3e3

1 file changed

Lines changed: 24 additions & 4 deletions

File tree

‎Form-Controls/index.html‎

Lines changed: 24 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -13,10 +13,30 @@ <h1>Product Pick</h1>
1313
</header>
1414
<main>
1515
<form>
16-
<!-- write your html here-->
17-
<!--
18-
try writing out the requirements first as comments
19-
this will also help you fill in your PR message later-->
16+
<fieldset>
17+
<legend>Shirt Colour Options</legend>
18+
<p>
19+
<input type="radio" name="color" id="colour_1">
20+
<label for="color_1">Red</label>
21+
</p>
22+
<p>
23+
<input type="radio" name="color" id="colour_2">
24+
<label for="colour_2">Blue</label>
25+
</p>
26+
<p>
27+
<input type="radio" name="color" id="colour_3">
28+
<label for="colour_3">Green</label>
29+
</p>
30+
</fieldset>
31+
32+
<!--
33+
Writing that out as a series of questions to ask yourself:
34+
35+
1. What is the customer's name? I must collect this data and ensure it contains at least two non-space characters.
36+
2. What is the customer's email? I must make sure the email is valid. Email addresses follow a consistent pattern.
37+
3. What colour should this T-shirt be? I must provide 3 options. How will I ensure they do not choose other colours?
38+
4. What size does the customer want? I must provide the following 6 options: XS, S, M, L, XL, XXL
39+
-->
2040
</form>
2141
</main>
2242
<footer>

0 commit comments

Comments
 (0)