Skip to content

Commit ab59fcb

Browse files
authored
Implement customer name and email input fields
Added form fields for customer name and email with validation requirements.
1 parent c44123d commit ab59fcb

1 file changed

Lines changed: 27 additions & 4 deletions

File tree

Form-Controls/index.html

Lines changed: 27 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -13,10 +13,33 @@ <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+
<!-- Collect the customer's name. Name contain at least 2 non-space characters. -->
17+
<label for="name">Customer Name:</label>
18+
<input
19+
type="text"
20+
id="name"
21+
name="name"
22+
pattern=".*\S{2,}.*"
23+
required
24+
/>
25+
<!-- Collect the customer's email address. Email must be in a valid email format. -->
26+
<label for="email">Email Address:</label>
27+
<input
28+
type="email"
29+
id="email"
30+
name="email"
31+
required
32+
/>
33+
<!-- Allow the customer to choose a T-shirt colour -->
34+
35+
<!-- Only provide 3 colour options -->
36+
37+
<!-- Allow the customer to choose a T-shirt size -->
38+
39+
<!-- Provide sizes: XS, S, M, L, XL, XXL -->
40+
41+
<!-- All fields must be required -->
42+
2043
</form>
2144
</main>
2245
<footer>

0 commit comments

Comments
 (0)