1- <!DOCTYPE html>
1+ <!doctype html>
22< html lang ="en ">
3- < html lang ="en "User-agent: *
4- Allow: />
5- < head >
6- < meta charset ="utf-8 " />
7- < meta http-equiv ="X-UA-Compatible " content ="IE=edge " />
8- < title > My form control</ title >
9- < link rel ="stylesheet " href ="style.css "/>
10- < meta name ="description " content ="F " />
11- < meta name ="viewport " content ="width=device-width, initial-scale=1 " />
12- </ head >
13- < body >
14- < header >
15- < h1 > </ h1 >
16- </ header >
17- < main >
18- < form >
19- < div >
20- < label for ="name "> Name:</ label >
21- < input type ="text " id ="name " name ="name "
22- pattern ="^\s*(\S\s*){2,}$ " />
23- </ div >
24-
25- < div >
26- < label for ="email "> Email:</ label >
27- < input type ="email " id ="email " name ="email " />
28- </ div >
29-
30- < fieldset >
31- < legend > Please select your color</ legend >
32-
33- < input type ="radio " id ="black " name ="color " value ="Black ">
34- < label for ="black "> Black</ label >
35-
36- < input type ="radio " id ="beige " name ="color " value ="Beige ">
37- < label for ="beige "> Beige</ label >
38-
39- < input type ="radio " id ="red " name ="color " value ="Red ">
40- < label for ="red "> Red</ label >
41- </ fieldset >
42-
43- < div >
44- < p > Please select a size</ p >
45-
46- < label for ="size "> Choose a size:</ label >
47- < select name ="size " id ="size ">
48- < option value ="xs "> Extra Small</ option >
49- < option value ="small "> Small</ option >
50- < option value ="medium "> Medium</ option >
51- < option value ="large "> Large</ option >
52- </ select >
53- </ div >
54-
55- < input type ="submit " value ="Submit ">
56- </ form >
57- </ main >
58- < footer > From control by Mandip sanger</ footer >
59- </ body >
60- </ html >
3+ < html lang ="en ">
4+ < head >
5+ < meta charset ="utf-8 " />
6+ < meta http-equiv ="X-UA-Compatible " content ="IE=edge " />
7+ < title > My form control</ title >
8+ < link rel ="stylesheet " href ="style.css " />
9+ < meta name ="description " content ="F " />
10+ < meta name ="viewport " content ="width=device-width, initial-scale=1 " />
11+ </ head >
12+ < body >
13+ < header >
14+ < h1 > Product Pick</ h1 >
15+ </ header >
16+ < main >
17+ < form >
18+ < div >
19+ < label for ="name "> Name:</ label >
20+ < input
21+ type ="text "
22+ id ="name "
23+ name ="name "
24+ pattern ="^\s*(\S\s*){2,}$ "
25+ />
26+ </ div >
27+
28+ < div >
29+ < label for ="email "> Email:</ label >
30+ < input type ="email " id ="email " name ="email " />
31+ </ div >
32+
33+ < fieldset >
34+ < legend > Please select your color</ legend >
35+
36+ < input type ="radio " id ="black " name ="color " value ="Black " />
37+ < label for ="black "> Black</ label >
38+
39+ < input type ="radio " id ="beige " name ="color " value ="Beige " />
40+ < label for ="beige "> Beige</ label >
41+
42+ < input type ="radio " id ="red " name ="color " value ="Red " />
43+ < label for ="red "> Red</ label >
44+ </ fieldset >
45+
46+ < div >
47+ < p > Please select a size</ p >
48+
49+ < label for ="size "> Choose a size:</ label >
50+ < select name ="size " id ="size ">
51+ < option value ="xs "> Extra Small</ option >
52+ < option value ="small "> Small</ option >
53+ < option value ="medium "> Medium</ option >
54+ < option value ="large "> Large</ option >
55+ </ select >
56+ </ div >
57+
58+ < input type ="submit " value ="Submit " />
59+ </ form >
60+ </ main >
61+ < footer > From control by Mandip sanger</ footer >
62+ </ body >
63+ </ html >
64+ </ html >
0 commit comments