File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 44 < meta charset ="utf-8 " />
55 < meta http-equiv ="X-UA-Compatible " content ="IE=edge " />
66 < title > My form exercise</ title >
7+ < header > < h1 > Product Pick</ h1 > </ header >
78 < meta name ="description " content ="" />
89 < meta name ="viewport " content ="width=device-width, initial-scale=1 " />
910 </ head >
1011 < body >
11- < fieldset >
12- < legend > Product Pick </ legend >
13- </ header >
12+
13+
14+
1415 < main >
1516 < form >
1617< label for ="name "> Customer Name</ label >
17- < input type ="text " id ="name " name ="name " pattern =".*\S.*\S.* " >
18+ < input type ="text " id ="name " name ="name " pattern ="[A-Za-z]{1,} " title =" You must enter at least two characters " required / >
1819 < div >
1920 < label for ="email "> Email</ label >
2021 < input type ="email " id ="email " name ="email ">
3435 < label for ="green "> Green</ label >
3536 < input type ="radio " id ="green " name ="color " value ="green ">
3637 </ div >
37-
38+ < p > </ p >
3839 < div >
3940 < label for ="size "> Size</ label >
4041 < select name ="size " id ="size ">
4647 < option value ="xxl "> XXL</ option >
4748 </ select >
4849 </ div >
50+ < button type ="submit "> submit</ button >
4951 </ form >
5052 </ main >
51- </ fieldset >
5253
53- < button type ="submit "> submit</ button >
54+
55+
5456
5557< footer >
5658 < p > By Fung Nin Lee (Roger) HOMEWORK SOLUTION</ p >
You can’t perform that action at this time.
0 commit comments