Skip to content

Commit 954540d

Browse files
committed
Added labels for Name and Email and Submit button.
changing selects to radio select.
1 parent ff2456c commit 954540d

1 file changed

Lines changed: 40 additions & 14 deletions

File tree

Form-Controls/index.html

Lines changed: 40 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -13,23 +13,49 @@ <h1>Product Pick</h1>
1313
</header>
1414
<main>
1515
<form>
16-
<label for="name">Name:<label>
17-
<input type="text" name="name" id="name">
16+
<div>
17+
<label for="name">Name:</label>
18+
<input type="text" name="name" id="name" required>
19+
</div>
20+
<div>
1821
<label for="email">Email:</label>
19-
<input type="text" name="email" id="email">
22+
<input type="text" name="email" id="email" required>
23+
</div>
24+
<div>
2025
<select>
21-
<option value="Red">Red</option>
22-
<option label="Blue">Blue</option>
23-
<option label="White">White</option>
26+
<option value="Red">Red</option>
27+
<option label="Blue">Blue</option>
28+
<option label="White">White</option>
2429
</select>
25-
<selcet>
26-
<option value="xs">XS</option>
27-
<option value="s">S</option>
28-
<option value="m">M</option>
29-
<option value="l">L</option>
30-
<option value="xl">XL</option>
31-
</selcet>
32-
<button type="submit">Submit</button>
30+
</div>
31+
<div>
32+
<select>
33+
<option value="xs">XS</option>
34+
<option value="s">S</option>
35+
<option value="m">M</option>
36+
<option value="l">L</option>
37+
<option value="xl">XL</option>
38+
<option value="xxl">XXL</option>
39+
</select>
40+
</div>
41+
<div>
42+
Colour
43+
</div>
44+
<div>
45+
<label for="red">Red</label>
46+
<input type=radio name="colour" id="red" value="red">
47+
</div>
48+
<div>
49+
<label for="blue">Blue</label>
50+
<input type=radio name="colour" id="blue" value="blue">
51+
</div>
52+
<div>
53+
<label for="white">White</label>
54+
<input type=radio name="colour" id="white" value="white">
55+
</div>
56+
<div>
57+
<button type="submit">SUBMIT</button>
58+
</div>
3359
<!-- write your html here-->
3460
<!--
3561
try writing out the requirements first as comments

0 commit comments

Comments
 (0)