Skip to content

Commit 1a7fa8a

Browse files
Added form controls
1 parent d28242a commit 1a7fa8a

1 file changed

Lines changed: 41 additions & 1 deletion

File tree

‎Form-Controls/index.html‎

Lines changed: 41 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,11 +17,51 @@ <h1>Product Pick</h1>
1717
<!--
1818
try writing out the requirements first as comments
1919
this will also help you fill in your PR message later-->
20+
21+
<div class="field">
22+
<label for="name">Full name: </label>
23+
<input id="name" name="name" type="text" required auto-complete="name" pattern="/S/S">
24+
25+
26+
</div>
27+
28+
<div class="field-span">
29+
<label for="size">Email: </label>
30+
<input id="email" name="email" type="email" required auto-complete="email" placeholder="your@email.com">
31+
32+
33+
</div>
34+
<div class="field">
35+
<label for="size">Size:</label>
36+
<select id="size" name="size" >
37+
<option value="">Choose size...</option>
38+
<option value="XS">XS</option>
39+
<option value="S">S</option>
40+
<option value="M">M</option>
41+
<option value="L">L</option>
42+
<option value="XL">XL</option>
43+
<option value="XXL">XXL</option>
44+
45+
46+
47+
</select>
48+
</div>
49+
50+
<div class="field">
51+
<label for="color">Color:</label>
52+
<select id="color" name="color" >
53+
<option value="">Choose color...</option>
54+
<option value="Red">Red</option>
55+
<option value="Green">Green</option>
56+
<option value="Light blue">Light Blue</option>
57+
</select>
58+
</div>
59+
2060
</form>
2161
</main>
2262
<footer>
2363
<!-- change to your name-->
24-
<p>By HOMEWORK SOLUTION</p>
64+
<p>By Edward kganyago</p>
2565
</footer>
2666
</body>
2767
</html>

0 commit comments

Comments
 (0)