Skip to content

Commit c2864c8

Browse files
CraigStoddCraigStodd
committed
- Removed capital letters in stylesheet ref, line 10
- Removed capital letters for id tags in lines 46-47 - Reformatted code with: shift + option + F
1 parent efae5ad commit c2864c8

1 file changed

Lines changed: 70 additions & 67 deletions

File tree

‎Form-Controls/index.html‎

Lines changed: 70 additions & 67 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html lang="en">
33
<head>
44
<meta charset="utf-8" />
@@ -7,95 +7,98 @@
77
<meta name="description" content="" />
88
<meta name="viewport" content="width=device-width, initial-scale=1" />
99

10-
<link rel="Stylesheet" href="Mystyle.css" />
10+
<link rel="stylesheet" href="mystyle.css" />
1111
</head>
1212
<body>
1313
<header>
1414
<h1>T-Shirt Order</h1>
1515
</header>
1616
<main>
17-
<h2> Verify your order and details below:</h2>
17+
<h2>Verify your order and details below:</h2>
1818
<form>
19-
2019
<!-- REQUIREMENTS:
2120
Each requirement is listed as a comment with the corresponding code below it-->
2221

23-
<div class="container">
24-
25-
<!-- 1.Customer's name - ensure it contains at least two non-space characters. -->
26-
<div>
27-
<p>
28-
<label>Full Name:
29-
<input type = "text" id = "name" name = "name">
30-
</label>
31-
</p>
32-
</div>
33-
34-
<!-- 2.Customer's email - Email must be valid and follow consistent pattern. -->
35-
<div>
36-
<p>
37-
<label>Email:
38-
<input type = "email" id = "mail" name = "User Email">
39-
</label>
40-
</p>
41-
</div>
42-
43-
<!-- 3.T-Shirt colours - Provide 3 options, ensure right option can be picked. -->
44-
<div>
45-
<p>
46-
<label for="T-Shirt-Colour"> T-Shirt Colour: </label>
47-
<select name="T-Shirt-Colour" id="T-Shirt-Colour">
48-
49-
<option selected disabled > Select a colour </option>
50-
51-
<option label="Red" value="Red"> Red </option>
52-
53-
<option label="Blue" value="Blue"> Blue </option>
54-
55-
<option label="Yellow" value="Yellow"> Yellow </option>
56-
</select>
57-
</p>
58-
</div>
59-
60-
<!-- 4.Provide size options -XS, S, M, L, XL, XXL -->
61-
<div>
62-
<p>T-Shirt Size:</p>
63-
64-
<p>
65-
<label>XS:
66-
<input type = "radio" id = "XS" name = "Size" value = "XS">
22+
<div class="container">
23+
<!-- 1.Customer's name - ensure it contains at least two non-space characters. -->
24+
<div>
25+
<p>
26+
<label
27+
>Full Name:
28+
<input type="text" id="name" name="name" />
29+
</label>
30+
</p>
31+
</div>
32+
33+
<!-- 2.Customer's email - Email must be valid and follow consistent pattern. -->
34+
<div>
35+
<p>
36+
<label
37+
>Email:
38+
<input type="email" id="mail" name="User Email" />
39+
</label>
40+
</p>
41+
</div>
42+
43+
<!-- 3.T-Shirt colours - Provide 3 options, ensure right option can be picked. -->
44+
<div>
45+
<p>
46+
<label for="t-shirt-colour"> T-Shirt Colour: </label>
47+
<select name="t-shirt-colour" id="t-shirt-colour">
48+
<option selected disabled>Select a colour</option>
49+
50+
<option label="Red" value="Red">Red</option>
51+
52+
<option label="Blue" value="Blue">Blue</option>
53+
54+
<option label="Yellow" value="Yellow">Yellow</option>
55+
</select>
56+
</p>
57+
</div>
58+
59+
<!-- 4.Provide size options -XS, S, M, L, XL, XXL -->
60+
<div>
61+
<p>T-Shirt Size:</p>
62+
63+
<p>
64+
<label
65+
>XS:
66+
<input type="radio" id="XS" name="Size" value="XS" />
6767
</label>
6868

69-
<label>S:
70-
<input type = "radio" id = "S" name = "Size" value = "S">
69+
<label
70+
>S:
71+
<input type="radio" id="S" name="Size" value="S" />
7172
</label>
72-
73-
<label>M:
74-
<input type = "radio" id = "M" name = "Size" value = "M">
73+
74+
<label
75+
>M:
76+
<input type="radio" id="M" name="Size" value="M" />
7577
</label>
7678

77-
<label>L:
78-
<input type = "radio" id = "L" name = "Size" value = "L">
79+
<label
80+
>L:
81+
<input type="radio" id="L" name="Size" value="L" />
7982
</label>
80-
81-
<label>XL:
82-
<input type = "radio" id = "XL" name = "Size" value = "XL">
83+
84+
<label
85+
>XL:
86+
<input type="radio" id="XL" name="Size" value="XL" />
8387
</label>
84-
85-
<label>XXL:
86-
<input type = "radio" id = "XXL" name = "Size" value = "XXL">
88+
89+
<label
90+
>XXL:
91+
<input type="radio" id="XXL" name="Size" value="XXL" />
8792
</label>
8893
</p>
8994
</div>
9095
</div>
9196

92-
<br>
93-
94-
<div>
95-
<button type="submit">Submit</button>
96-
</div>
97-
97+
<br />
9898

99+
<div>
100+
<button type="submit">Submit</button>
101+
</div>
99102
</form>
100103
</main>
101104
<footer>

0 commit comments

Comments
 (0)