Skip to content

Commit 6143696

Browse files
committed
I have updated the index file to match the requirements of Tshirts order
1 parent d28242a commit 6143696

1 file changed

Lines changed: 43 additions & 5 deletions

File tree

‎Form-Controls/index.html‎

Lines changed: 43 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -12,11 +12,49 @@
1212
<h1>Product Pick</h1>
1313
</header>
1414
<main>
15-
<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-->
15+
<form action="order" method="post">
16+
<div>
17+
<label for="CustomerName">Customer Name:</label>
18+
<input type="text" id="CustomerName" name="CustomerName" required>
19+
</div>
20+
<div>
21+
<label for="CustomerNumber">Customer Number:</label>
22+
<input type="number" id="CustomerNumber" name="CustomerNumber" required>
23+
</div>
24+
<div>
25+
<label for="CustomerEmail">Customer Email:</label>
26+
<input
27+
type="email"
28+
id="CustomerEmail"
29+
name="CustomerEmail"
30+
required
31+
pattern="[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}"
32+
title="Enter an email address such as name@example.com"
33+
>
34+
</div>
35+
<div>
36+
<label for="T-ShirtsColor">T-Shirt Color:</label>
37+
<select id="T-ShirtsColor" name="T-ShirtsColor" required>
38+
<option value="Red">Red</option>
39+
<option value="Blue">Blue</option>
40+
<option value="Green">Green</option>
41+
</select>
42+
</div>
43+
<div>
44+
<label for="T-ShirtsSize">T-Shirt Size:</label>
45+
<select id="T-ShirtsSize" name="T-ShirtsSize" required>
46+
<option value="XS">XS</option>
47+
<option value="S">S</option>
48+
<option value="M">M</option>
49+
<option value="L">L</option>
50+
<option value="XL">XL</option>
51+
<option value="XXL">XXL</option>
52+
</select>
53+
</div>
54+
</div>
55+
<div>
56+
<button type="submit">Place Order</button>
57+
</div>
2058
</form>
2159
</main>
2260
<footer>

0 commit comments

Comments
 (0)