@@ -19,26 +19,30 @@ <h1>Product Pick</h1>
1919 </ div >
2020 < br >
2121 < div >
22- < label for ="Email "> Costumer email:</ label >
22+ < label for ="Email "> Customer email:</ label >
2323 < input type ="email " id ="Email " name ="Email " required placeholder ="example123@gmail.com ">
2424 </ div >
2525 < br >
26- < div >
27- < label for ="Color "> T-shirt color:</ label >
28- < input type ="color " id ="Color " name =" Product-Color " required >
29- </ div >
26+ < fieldset >
27+ < legend > Pick a color of your choosing</ legend >
28+ < label for ="color-red "> Red</ label >
29+ < input type ="radio " id ="color-red " name ="color " value ="Red ">
30+ < label for ="color-blue "> Blue</ label >
31+ < input type ="radio " id ="color-blue " name ="color " value ="Blue ">
32+ < label for ="color-green "> Green</ label >
33+ < input type ="radio " id ="color-green " name ="color " value ="Green ">
34+ </ fieldset >
3035 < div >
3136 < br >
3237 < label for ="Size "> Shirt size</ label >
3338 < select id ="Size " name ="Shirt size " required >
34- < option label =" XS " value ="XS "> </ option >
35- < option label =" S " value ="S "> </ option >
36- < option label =" M " value ="M "> </ option >
37- < option label =" L " value ="L "> </ option >
38- < option label =" XL " value ="XL "> </ option >
39- < option label =" XXL " value ="XXL "> </ option >
39+ < option value ="XS "> XS </ option >
40+ < option value ="S "> S </ option >
41+ < option value ="M "> M </ option >
42+ < option value ="L "> L </ option >
43+ < option value ="XL "> XL </ option >
44+ < option value ="XXL "> XXL </ option >
4045 </ select >
41- </ label >
4246 </ div >
4347 < br >
4448 < button type ="submit "> Submit</ button >
0 commit comments