File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 1+ <!DOCTYPE html>
2+ < html lang ="en ">
3+ < head >
4+ < meta charset ="UTF-8 ">
5+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
6+ < title > T-Shirt Order Form</ title >
7+ </ head >
8+ < body >
9+ < form >
10+ < div >
11+ < label for ="customer-name "> What is the customer's name?</ label >
12+ < input id ="customer-name " name ="customer-name " type ="text " required pattern =".*\S.*\S.* " title ="Please enter at least two non-space characters. " />
13+ </ div >
14+
15+ < div >
16+ < label for ="customer-email "> What is the customer's email?</ label >
17+ < input id ="customer-email " name ="customer-email " type ="email " required />
18+ </ div >
19+
20+ < div >
21+ < label for ="tshirt-colour "> What colour should this T-shirt be?</ label >
22+ < select id ="tshirt-colour " name ="tshirt-colour " required >
23+ < option value ="" disabled selected > Select a colour</ option >
24+ < option value ="red "> Red</ option >
25+ < option value ="blue "> Blue</ option >
26+ < option value ="black "> Black</ option >
27+ </ select >
28+ </ div >
29+
30+ < div >
31+ < label for ="tshirt-size "> What size does the customer want?</ label >
32+ < select id ="tshirt-size " name ="tshirt-size " required >
33+ < option value ="" disabled selected > Select a size</ option >
34+ < option value ="XS "> XS</ option >
35+ < option value ="S "> S</ option >
36+ < option value ="M "> M</ option >
37+ < option value ="L "> L</ option >
38+ < option value ="XL "> XL</ option >
39+ < option value ="XXL "> XXL</ option >
40+ </ select >
41+ </ div >
42+
43+ < button type ="submit "> Submit Order</ button >
44+ </ form >
45+ </ body >
46+ </ html >
You can’t perform that action at this time.
0 commit comments