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 " />
66 < title > My form exercise</ title >
77 < meta name ="description " content ="" />
88 < meta name ="viewport " content ="width=device-width, initial-scale=1 " />
9- < link rel ="stylesheet " href ="style.css ">
9+ < link rel ="stylesheet " href ="style.css " / >
1010 </ head >
1111 < body >
1212 < header >
@@ -22,42 +22,46 @@ <h1>Product Pick</h1>
2222 - Size: required, choose 1 of 6 sizes
2323 - No form action needed for this project
2424 -->
25- < div class ="field ">
26- < label for ="name "> Name</ label >
27- < input type ="text " id ="name " name ="name " pattern =".*\S.*\S.* " required >
28- </ div >
29- < div class ="field ">
30- < label for ="email "> Email</ label >
31- < input type ="email " id ="email " name ="email " required >
32- </ div >
33- < fieldset >
34- < legend > Colour</ legend >
25+ < div class ="field ">
26+ < label for ="name "> Name</ label >
27+ < input
28+ type ="text "
29+ id ="name "
30+ name ="name "
31+ pattern =".*\S.*\S.* "
32+ required
33+ />
34+ </ div >
35+ < div class ="field ">
36+ < label for ="email "> Email</ label >
37+ < input type ="email " id ="email " name ="email " required />
38+ </ div >
39+ < fieldset >
40+ < legend > Colour</ legend >
3541
36- < label >
37- < input type ="radio " name ="colour " value ="black " required > Black
38- </ label >
42+ < label >
43+ < input type ="radio " name ="colour " value ="black " required / > Black
44+ </ label >
3945
40- < label >
41- < input type ="radio " name ="colour " value ="white "> White
42- </ label >
46+ < label >
47+ < input type ="radio " name ="colour " value ="white " / > White
48+ </ label >
4349
44- < label >
45- < input type ="radio " name ="colour " value ="red "> Red
46- </ label >
47- </ fieldset >
48- < div class ="field ">
49- < label for ="size "> Size</ label >
50- < select id ="size " name ="size " required >
51- < option value =""> Select a size</ option >
52- < option value ="XS "> XS</ option >
53- < option value ="S "> S</ option >
54- < option value ="M "> M</ option >
55- < option value ="L "> L</ option >
56- < option value ="XL "> XL</ option >
57- < option value ="XXL "> XXL</ option >
58- </ select >
59- </ div >
60- < button type ="submit "> Submit</ button >
50+ < label > < input type ="radio " name ="colour " value ="red " /> Red </ label >
51+ </ fieldset >
52+ < div class ="field ">
53+ < label for ="size "> Size</ label >
54+ < select id ="size " name ="size " required >
55+ < option value =""> Select a size</ option >
56+ < option value ="XS "> XS</ option >
57+ < option value ="S "> S</ option >
58+ < option value ="M "> M</ option >
59+ < option value ="L "> L</ option >
60+ < option value ="XL "> XL</ option >
61+ < option value ="XXL "> XXL</ option >
62+ </ select >
63+ </ div >
64+ < button type ="submit "> Submit</ button >
6165 </ form >
6266 </ main >
6367 < footer >
0 commit comments