Skip to content

Commit 7e350d8

Browse files
authored
Review issues fixed
1 parent c7a30ee commit 7e350d8

1 file changed

Lines changed: 39 additions & 58 deletions

File tree

Form-Controls/index.html

Lines changed: 39 additions & 58 deletions
Original file line numberDiff line numberDiff line change
@@ -12,66 +12,47 @@
1212
<h1>Product Pick</h1>
1313
</header>
1414
<main>
15-
<form>
16-
17-
<label for="name">Customer Name</label>
18-
<input
19-
type="text"
20-
id="name"
21-
name="name"
22-
required
23-
pattern=".*\S.*\S.*"
24-
minlength="2"
25-
/>
26-
27-
28-
<label for="email">Email Address</label>
29-
<input
30-
type="email"
31-
id="email"
32-
name="email"
33-
required
34-
/><br />
35-
36-
<!-- T-Shirt Colour -->
37-
<fieldset>
38-
<legend>T-Shirt Colour</legend>
39-
40-
<label>
41-
<input type="radio" name="colour" value="Black" required />
42-
Black
43-
</label>
44-
45-
<label>
46-
<input type="radio" name="colour" value="White" />
47-
White
48-
</label>
49-
50-
<label>
51-
<input type="radio" name="colour" value="Blue" />
52-
Blue
53-
</label>
54-
</fieldset>
55-
56-
<!-- T-Shirt Size -->
57-
<label for="size">T-Shirt Size</label>
58-
59-
<select id="size" name="size">
60-
<option value="">Please choose a size</option>
61-
<option value="XS">XS</option>
62-
<option value="S">S</option>
63-
<option value="M">M</option>
64-
<option value="L">L</option>
65-
<option value="XL">XL</option>
66-
<option value="XXL">XXL</option>
67-
</select>
68-
69-
70-
</form>
15+
<form>
16+
17+
<label for="name">Name:</label>
18+
<input type="text" id="name" name="name" minlength="2" required ><br>
19+
<label for="email">Email:</label>
20+
<input type="email" id="email" name="email"><br><br>
21+
22+
<fieldset>
23+
<legend>colour:</legend>
24+
25+
<label>
26+
<input type="radio" id="colour-red" name="colour" value="red" required>
27+
Red
28+
</label>
29+
30+
<label >
31+
<input type="radio" id="colour-blue" name="colour" value="blue">
32+
Blue
33+
</label>
34+
35+
<label >
36+
<input type="radio" id="colour-green" name="colour" value="green">
37+
Green
38+
</label>
39+
40+
</fieldset>
41+
42+
<p for="size">Choose your size</p>
43+
44+
<select id="size" name="size" required>
45+
<option value="s">Small</option>
46+
<option value="m">Medium</option>
47+
<option value="l">Large</option>
48+
<option value="xl">XLarge</option>
49+
<option value="xl">XXLarge</option>
50+
51+
</select>
52+
</form>
7153
</main>
7254
<footer>
73-
<!-- change to your name-->
74-
<p>Mahdi Rafiei</p>
55+
<p>Anita Amirhaeri</p>
7556
</footer>
7657
</body>
7758
</html>

0 commit comments

Comments
 (0)