Skip to content

Commit 08b7b55

Browse files
committed
created a folder
1 parent a7b8a25 commit 08b7b55

1 file changed

Lines changed: 30 additions & 6 deletions

File tree

Form-Controls/index.html

Lines changed: 30 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -13,12 +13,36 @@ <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
19-
this will also help you fill in your PR message later-->
20-
</form>
21-
</main>
16+
<div>
17+
<label for="name">Name</label>
18+
<input type="text" name="name" id"Name" placeholder="name">
19+
</div>
20+
<div>
21+
<lable type="text" for= "email">email</lable>
22+
<input type="email" id="email" pattern=".&@yahoo.co.uk" size="30" required />
23+
</div>
24+
<p>Please select favourite colour:</p>
25+
<input type="radio" id="red" name="fav_color" value"red">
26+
<label for="red">Red</label><br>
27+
<input type="radio" id="blue" name="fav_color" value"blue">
28+
<label for="blue">Blue</label><br>
29+
<input type="radio" id="green" name="fav_color" value"green">
30+
<label for="green">Green</label><br>
31+
<div>
32+
<p> Please select your relevant size</p>
33+
<label for="clothing-size">Choose a size:</label>
34+
<select id="clothing-size" name="size">
35+
<option value="xs"> XS - Extra Small</option>
36+
<option value="s">S - Small</option>
37+
<option value="m" selected>M - Medium</option>
38+
<option value="l">L - Large</option>
39+
<option value="xl">XL - Extra Large</option>
40+
</select>
41+
</div>
42+
<button type="reset">Reset</button>
43+
<button type="submit">Submit</button>
44+
</form>
45+
</main>
2246
<footer>
2347
<!-- change to your name-->
2448
<p>By HOMEWORK SOLUTION</p>

0 commit comments

Comments
 (0)