Skip to content

Commit 87d2945

Browse files
KhotKeysKhotKeys
authored
Complete forms assignment
1 parent 6694a38 commit 87d2945

1 file changed

Lines changed: 42 additions & 43 deletions

File tree

‎Form-Controls/index.html‎

Lines changed: 42 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -6,48 +6,47 @@
66
<title>T-Shirt Order Form</title>
77
<link rel="stylesheet" href="style.css">
88
</head>
9-
<body>
10-
<main class="container">
11-
<h1>T-Shirt Order Form</h1>
9+
<body>
10+
<main class="container">
11+
<h1>T-Shirt Order Form</h1>
1212

13-
<form>
14-
<div>
15-
<label for="name">Full Name</label>
16-
<input type="text" id="name"name="name" minlength="2" pattern=".*\S.*\S.*"
17-
placeholder="Enter your full name" required>
18-
</div>
19-
20-
<div>
21-
<label for="email">Email Address</label>
22-
<input type="email" id="email" name="email" placeholder="Enter your email" required>
23-
</div>
24-
25-
<div>
26-
<label for="colour">T-Shirt Colour</label>
27-
<select id="colour" name="colour" required>
28-
<option value="">Select a colour</option>
29-
<option value="black">Black</option>
30-
<option value="white">White</option>
31-
<option value="blue">Blue</option>
32-
</select>
33-
</div>
34-
35-
<div>
36-
<label for="size">T-Shirt Size</label>
37-
<select id="size" name="size" required>
38-
<option value="">Select a size</option>
39-
<option value="xs">XS</option>
40-
<option value="s">S</option>
41-
<option value="m">M</option>
42-
<option value="l">L</option>
43-
<option value="xl">XL</option>
44-
<option value="xxl">XXL</option>
45-
</select>
46-
</div>
47-
48-
<button type="submit">Place Order</button>
49-
</form>
50-
</main>
13+
<form>
14+
<div>
15+
<label for="name">Full Name</label>
16+
<input type="text" id="name"name="name" minlength="2" pattern=".*\S.*\S.*" placeholder="Enter your full name" required>
17+
</div>
18+
19+
<div>
20+
<label for="email">Email Address</label>
21+
<input type="email" id="email" name="email" placeholder="Enter your email" required>
22+
</div>
23+
24+
<div>
25+
<label for="colour">T-Shirt Colour</label>
26+
<select id="colour" name="colour" required>
27+
<option value="">Select a colour</option>
28+
<option value="black">Black</option>
29+
<option value="white">White</option>
30+
<option value="blue">Blue</option>
31+
</select>
32+
</div>
33+
34+
<div>
35+
<label for="size">T-Shirt Size</label>
36+
<select id="size" name="size" required>
37+
<option value="">Select a 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+
</select>
45+
</div>
46+
47+
<button type="submit">Place Order</button>
48+
</form>
49+
</main>
5150

52-
</body>
53-
</html>
51+
</body>
52+
</html>

0 commit comments

Comments
 (0)