Skip to content

Commit b1630fe

Browse files
committed
updated VSC formatter used to make code indentations easier to read
1 parent f8ded79 commit b1630fe

1 file changed

Lines changed: 30 additions & 21 deletions

File tree

Form-Controls/index.html

Lines changed: 30 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,16 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html lang="en">
33
<head>
4-
<meta charset="utf-8">
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
4+
<meta charset="utf-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
66
<style>
7-
label {
7+
label {
88
font-size: 24px;
9-
}
10-
</style>
9+
}
10+
</style>
1111
<title>My form exercise</title>
12-
<meta name="description" content="A form for selecting a product">
13-
<meta name="viewport" content="width=device-width, initial-scale=1">
12+
<meta name="description" content="A form for selecting a product" />
13+
<meta name="viewport" content="width=device-width, initial-scale=1" />
1414
</head>
1515
<body>
1616
<header>
@@ -25,20 +25,31 @@ <h1>Product Pick</h1>
2525
Colour choice, must be one of red, blue or green
2626
Size choice must be Xs, S, M, L, XL, XXL
2727
-->
28-
29-
3028

3129
<div>
32-
<!-- Name: at least 2 characters -->
33-
<label for="name">Name:</label>
34-
<input type="text" minlength="2" id="name" name="name" required pattern=".*\S.*" title="Name must be at least 2 characters long, cannot be empty or just spaces">
30+
<!-- Name: at least 2 characters -->
31+
<label for="name">Name:</label>
32+
<input
33+
type="text"
34+
minlength="2"
35+
id="name"
36+
name="name"
37+
required
38+
pattern=".*\S.*"
39+
title="Name must be at least 2 characters long, cannot be empty or just spaces"
40+
/>
3541
</div>
3642
<div>
3743
<!-- Email: basic format text@text.text -->
3844
<label for="email">Email:</label>
39-
<input type="email" id="email" name="email" title="Enter a valid email like user@example.com">
45+
<input
46+
type="email"
47+
id="email"
48+
name="email"
49+
title="Enter a valid email like user@example.com"
50+
/>
4051
</div>
41-
<div>
52+
<div>
4253
<!-- Colour choice: red, blue, green -->
4354
<label for="colour">Colour:</label>
4455
<select id="colour" name="colour" required>
@@ -59,17 +70,15 @@ <h1>Product Pick</h1>
5970
<option value="L">L</option>
6071
<option value="XL">XL</option>
6172
<option value="XXL">XXL</option>
62-
</select>
63-
</div>
64-
73+
</select>
74+
</div>
6575

6676
<button type="submit">Submit</button>
6777
</form>
6878
</main>
6979
<footer>
70-
<!-- change to your name-->
71-
<h2>
72-
By Damian Dunkley for Code your Future ITP Jan 2026 Sprint 2</h2>
80+
<!-- changed to my name and course-->
81+
<h2>By Damian Dunkley for Code your Future ITP Jan 2026 Sprint 2</h2>
7382
</footer>
7483
</body>
7584
</html>

0 commit comments

Comments
 (0)