1- <!DOCTYPE html>
1+ <!doctype html>
22< html lang ="en ">
33 < head >
44 < meta charset ="utf-8 " />
55 < meta http-equiv ="X-UA-Compatible " content ="IE=edge " />
6- < link rel ="stylesheet " href ="./style.css ">
6+ < link rel ="stylesheet " href ="./style.css " / >
77 < title > Product Pick Form</ title >
88 < meta name ="description " content ="" />
99 < meta name ="viewport " content ="width=device-width, initial-scale=1 " />
1010 </ head >
1111 < body >
1212 < div class ="container ">
13- < header >
14- < h1 > Product Pick</ h1 >
15- </ header >
16- < main >
17- < form >
18- < div class ="field ">
19- < label for ="customer_name "> Name :</ label >
20- < input minlength ="2 " required type ="text " id ="customer_name " name ="customer_name ">
21- </ div >
22- < div class ="field ">
23- < label for ="email "> Email :</ label >
24- < input required type ="email " name ="email " id ="email ">
25- </ div >
26- < div class ="field ">
27- < label for ="colour "> Colour choice :</ label >
28- < select required id ="colour " name ="colour ">
29- < option disabled selected value =""> --Please Select--</ option >
30- < option value ="red "> Red</ option >
31- < option value ="black "> Black</ option >
32- < option value ="white "> White</ option >
33- </ select >
34- </ div >
35- < div class ="field ">
13+ < header >
14+ < h1 > Product Pick</ h1 >
15+ </ header >
16+ < main >
17+ < form >
18+ < div class ="field ">
19+ < label for ="customer_name "> Name :</ label >
20+ < input
21+ minlength ="2 "
22+ required
23+ type ="text "
24+ id ="customer_name "
25+ name ="customer_name "
26+ />
27+ </ div >
28+ < div class ="field ">
29+ < label for ="email "> Email :</ label >
30+ < input required type ="email " name ="email " id ="email " />
31+ </ div >
32+ < div class ="field ">
33+ < label for ="colour "> Colour choice :</ label >
34+ < select required id ="colour " name ="colour ">
35+ < option disabled selected value =""> --Please Select--</ option >
36+ < option value ="red "> Red</ option >
37+ < option value ="black "> Black</ option >
38+ < option value ="white "> White</ option >
39+ </ select >
40+ </ div >
41+ < div class ="field ">
3642 < label for ="size "> Size :</ label >
3743 < select required id ="size " name ="size ">
3844 < option disabled selected value =""> --Please Select--</ option >
@@ -43,21 +49,15 @@ <h1>Product Pick</h1>
4349 < option value ="XL "> XL</ option >
4450 < option value ="XXL "> XXL</ option >
4551 </ select >
46- </ div >
47-
52+ </ div >
4853 < div class ="submit_field ">
49- < input class ="submit_button " type ="submit " value ="Submit ">
54+ < input class ="submit_button " type ="submit " value ="Submit " / >
5055 </ div >
51-
52-
53-
54-
55- </ form >
56- </ main >
57- < footer >
58- <!-- change to your name-->
59- < p > SandzSoft</ p >
60- </ footer >
61- </ div >
56+ </ form >
57+ </ main >
58+ < footer >
59+ < p > SandzSoft</ p >
60+ </ footer >
61+ </ div >
6262 </ body >
6363</ html >
0 commit comments