Skip to content

Commit 47042be

Browse files
author
Ogbemi mene
committed
my formated vasion
1 parent d2cfd22 commit 47042be

1 file changed

Lines changed: 58 additions & 40 deletions

File tree

‎Form-Controls/index.html‎

Lines changed: 58 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -1,58 +1,76 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html lang="en">
3-
<head>
4-
5-
<meta charset="UTF-8">
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
76
<title>My form exercise work</title>
8-
<link rel="stylesheet" href="Untitled-1.css">
9-
</head>
10-
11-
<body>
12-
<h1>PRODUCT PICK</h1>
13-
14-
<form action="T-shirt.html" method="GET" class="form">
7+
<link rel="stylesheet" href="Untitled-1.css" />
8+
</head>
9+
<body>
10+
<main>
11+
<h1>PRODUCT PICK</h1>
1512

16-
<div>
17-
<label for="name">NAME</label>
18-
<input type="text" name="name" id="name" placeholder="name" value="name" minlength="2" maxlength="100" required>
19-
</div>
13+
<form action="T-shirt.html" method="GET" class="form">
14+
<div>
15+
<label for="name">NAME</label>
16+
<input
17+
type="text"
18+
name="name"
19+
id="name"
20+
placeholder="name"
21+
minlength="2"
22+
maxlength="100"
23+
required
24+
/>
25+
</div>
2026

21-
<div>
22-
23-
<label for="email">EMAIL</label>
24-
<input type="email" name="email" id="email" placeholder="email" value="email" required>
25-
</div>
27+
<div>
28+
<label for="email">EMAIL</label>
29+
<input
30+
type="email"
31+
name="email"
32+
id="email"
33+
placeholder="email"
34+
required
35+
/>
36+
</div>
2637

27-
<div>
28-
29-
<label for="colour">colour of T-shirt</label>
30-
<select name="colour" id="colour" required>
31-
<option value="" disabled selected hidden>Please choose a colour</option>
38+
<div>
39+
<label for="colour">colour of T-shirt</label>
40+
<select name="colour" id="colour" required>
41+
<option value="" disabled selected hidden>
42+
Please choose a colour
43+
</option>
3244
<option value="red">red</option>
3345
<option value="blue">blue</option>
3446
<option value="green">green</option>
35-
</select>
36-
</div>
47+
</select>
48+
</div>
3749

38-
<div>
39-
T-shirt size
40-
<label for="size">size of T-shirt</label>
50+
<div>
51+
T-shirt size
52+
<label for="size">size of T-shirt</label>
4153

42-
<select name="size" id="size" required>
43-
<option value="" disabled selected hidden>Select size</option>
54+
<select name="size" id="size" required>
55+
<option value="" disabled selected hidden>Select size</option>
4456
<option value="XS">XS</option>
4557
<option value="S">S</option>
4658
<option value="M">M</option>
4759
<option value="L">L</option>
4860
<option value="XL">XL</option>
4961
<option value="XXL">XXL</option>
50-
</select>
51-
</div>
62+
</select>
63+
</div>
5264

53-
<button>Submit</button>
54-
</form>
55-
</body>
65+
<button type="submit">Submit</button>
66+
<p>
67+
We are selling T-shirts. this is a form to collect the following data:
68+
Our customers already have accounts, so we know their addresses and
69+
charging details already. We don't need to collect that data. We want
70+
to confirm they are the right person, then get them to choose a colour
71+
and size.
72+
</p>
73+
</form>
74+
</main>
75+
</body>
5676
</html>
57-
58-

0 commit comments

Comments
 (0)