11<!DOCTYPE html>
22< html lang ="en ">
3- < head >
4- < meta charset ="utf-8 " />
5- < meta http-equiv ="X-UA-Compatible " content ="IE=edge " />
6- < title > My form exercise</ title >
7- < meta name ="description " content ="" />
8- < meta name ="viewport " content ="width=device-width, initial-scale=1 " />
9- < link rel ="stylesheet " href ="style.css ">
10- </ head >
11-
12- < body >
13- < header >
14- < h1 > Product Pick</ h1 >
15- </ header >
16- < main >
17- < form method ="get " class ="form-container ">
18- <!-- write your html here -->
19-
20- <!-- All inputs are required and are labelled for accessibility and have corresponding name, for, and id attributes -->
21-
22- <!-- Asks for their forename name -->
23- < label for ="fullname "> Fullname:</ label >
24- < input type ="text " name ="fullname " id ="fullname " minlength ="2 " required >
25- < br >
26-
27- <!-- Asks for their email -->
28- < label for ="email "> Email:</ label >
29- < input type ="email " name ="email " id ="email " required >
30- < br >
31-
32- <!-- Gives them the options to choose between 3 colours -->
33- < label for ="colour "> T-shirt Colour:</ label >
34- < select name ="colour " id ="colour " required >
35- < option value ="" selected disabled > Choose a colour</ option >
36- < option value ="white "> White</ option >
37- < option value ="black "> Black</ option >
38- < option value ="grey "> Grey</ option >
39- </ select >
40- < br >
41-
42- <!-- Gives them the option to choose between 6 sizes -->
43- < label for ="size "> T-shirt Size:</ label >
44- < select name ="size " id ="size " required >
45- < option value ="" selected disabled > Choose a size</ option >
46- < option value ="xs "> XS</ option >
47- < option value ="s "> S</ option >
48- < option value ="m "> M</ option >
49- < option value ="l "> L</ option >
50- < option value ="xl "> XL</ option >
51- < option value ="xxl "> XXL</ option >
52- </ select >
53- < br >
54-
55- <!-- Submit button -->
56- < button type ="submit "> Submit</ button >
57- </ form >
58- </ main >
59- < footer >
60- < p > By Muhammad-Burhan Mustafa</ p >
61- </ footer >
62- </ body >
3+ < head >
4+ < meta charset ="utf-8 " />
5+ < meta http-equiv ="X-UA-Compatible " content ="IE=edge " />
6+ < title > My form exercise</ title >
7+ < meta name ="description " content ="" />
8+ < meta name ="viewport " content ="width=device-width, initial-scale=1 " />
9+ </ head >
10+ < body >
11+ < header >
12+ < h1 > Product Pick</ h1 >
13+ </ header >
14+ < main >
15+ < form >
16+ <!-- write your html here-->
17+ <!--
18+ try writing out the requirements first as comments
19+ this will also help you fill in your PR message later-->
20+ </ form >
21+ </ main >
22+ < footer >
23+ <!-- change to your name-->
24+ < p > By HOMEWORK SOLUTION</ p >
25+ </ footer >
26+ </ body >
6327</ html >
0 commit comments