Skip to content

Commit 947b473

Browse files
committed
complete form controls exercise
1 parent 2a1af61 commit 947b473

1 file changed

Lines changed: 41 additions & 7 deletions

File tree

Form-Controls/index.html

Lines changed: 41 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -13,15 +13,49 @@ <h1>Product Pick</h1>
1313
</header>
1414
<main>
1515
<form>
16-
<!-- write your html here-->
17-
<!--
18-
try writing out the requirements first as comments
16+
<lable for="name">Name:</lable>
17+
<input type="name" id="name" name="name" minlength="2" required>
18+
<br><br>
19+
20+
<lable for="email">Email:</lable>
21+
<input type="email" id="email" name="email" required>
22+
<br><br>
23+
<label for="color">Colour</label>
24+
<select id="colour" name="colour" required>
25+
<option value="">Choose a colour</option>
26+
<option value="red">Red</option>
27+
<option value="blue">Blue</option>
28+
<option value="green">Green</option>
29+
</select>
30+
<br><br>
31+
<label for="size">Size:</lable>
32+
<select id="size" name="size" required>
33+
<option value="">Choose a size</option>
34+
<option value="xs">XS</option>
35+
<option value="s">S</option>
36+
<option value="m">M</option>
37+
<option value="l">L</option>
38+
<option value="xl">XL</option>
39+
<option value="xxl">XXL</option>
40+
</select>
41+
<br><br>
42+
43+
<button type="submit">Submit</button>
44+
45+
46+
47+
48+
</form>
49+
50+
51+
52+
<!--
53+
try writing out the requirements first as comments
1954
this will also help you fill in your PR message later-->
2055
</form>
2156
</main>
2257
<footer>
23-
<!-- change to your name-->
24-
<p>By HOMEWORK SOLUTION</p>
58+
<p>By Yodit Kasu</p>
2559
</footer>
26-
</body>
27-
</html>
60+
</body>
61+
</html>

0 commit comments

Comments
 (0)