Skip to content

Commit 0340109

Browse files
committed
Removed <section> added <hr>
1 parent 80fdcba commit 0340109

1 file changed

Lines changed: 12 additions & 22 deletions

File tree

Form-Controls/index.html

Lines changed: 12 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
<link rel="stylesheet" href="style.css">
1010
</head>
1111
<body>
12-
<main>
12+
<main>
1313

1414
<form method="get" class="container">
1515
<!-- Requirements:
@@ -18,38 +18,31 @@
1818
- What colour should this T-shirt be? I must provide 3 options and to ensure they do not choose other colours.
1919
- What size does the customer want? I must provide the following 6 options: XS, S, M, L, XL, XXL and to ensure they do not choose other sizes.
2020
-->
21-
2221
<header>
2322
<h1>T-shirt Order Form</h1>
2423
</header>
25-
<main>
26-
<form>
2724

28-
<section>
29-
<label for="name">Full Name</label>
30-
<input id="name" name="name" type="text" minlength="2" placeholder="First Name Surname" pattern="[A-Za-z ]{2,}" required>
31-
</section>
25+
<hr>
26+
<label for="name">Full Name</label>
27+
<input id="name" name="name" type="text" minlength="2" placeholder="First Name Surname" pattern="[A-Za-z ]{2,}" required>
3228

33-
<section>
34-
<label for="email">Email</label>
35-
<input id="email" name="email" type="email" pattern="[A-Za-z0-9._%+\-]+@[A-Za-z0-9.\-]+\.[A-Za-z]{2,}$"
29+
<hr>
30+
<label for="email">Email</label>
31+
<input id="email" name="email" type="email" pattern="[A-Za-z0-9._%+\-]+@[A-Za-z0-9.\-]+\.[A-Za-z]{2,}$"
3632
placeholder="Your email" required>
37-
</section>
3833

39-
<section>
34+
<hr>
4035
<label for="colour">T-shirt Colour:</label>
41-
4236
<select name="colour" id="colour" required>
4337
<option value="">Choose a Colour</option>
4438
<option value="Red">Red</option>
4539
<option value="Blue">Blue</option>
4640
<option value="Yellow">Yellow</option>
4741
</select>
48-
</section>
4942

50-
<section>
51-
<label for="Size">T-shirt Size:</label>
52-
<select name="size" id="Size" required>
43+
<hr>
44+
<label for="Size">T-shirt Size:</label>
45+
<select name="size" id="Size" required>
5346
<option value="">Choose a Size</option>
5447
<option value="XS">XS</option>
5548
<option value="S">S</option>
@@ -58,19 +51,16 @@ <h1>T-shirt Order Form</h1>
5851
<option value="XL">XL</option>
5952
<option value="XXL">XXL</option>
6053
</select>
61-
</section>
6254

6355
<hr>
64-
65-
6656
<button type="submit">Submit</button>
6757

6858
<!-- write your html here-->
6959
<!--
7060
try writing out the requirements first as comments
7161
this will also help you fill in your PR message later-->
7262
</form>
73-
</main>
63+
</main>
7464
<footer>
7565
<!-- change to your name-->
7666
<p>By Lesya Lyaisyan</p>

0 commit comments

Comments
 (0)