Skip to content

Commit fbe384d

Browse files
author
Ogbemi mene
committed
my new formated form
1 parent 47042be commit fbe384d

2 files changed

Lines changed: 59 additions & 61 deletions

File tree

‎Form-Controls/index.html‎

Lines changed: 58 additions & 60 deletions
Original file line numberDiff line numberDiff line change
@@ -4,73 +4,71 @@
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<title>My form exercise work</title>
7-
<link rel="stylesheet" href="Untitled-1.css" />
7+
<link rel="stylesheet" href="style.css" />
88
</head>
9+
910
<body>
10-
<main>
11-
<h1>PRODUCT PICK</h1>
11+
<h1>PRODUCT PICK</h1>
1212

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>
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="Enter your name"
21+
value=""
22+
minlength="2"
23+
maxlength="100"
24+
required
25+
/>
26+
</div>
2627

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>
28+
<div>
29+
<label for="email">EMAIL</label>
30+
<input
31+
type="email"
32+
name="email"
33+
id="email"
34+
placeholder="Enter your email"
35+
value=""
36+
required
37+
/>
38+
</div>
3739

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>
44-
<option value="red">red</option>
45-
<option value="blue">blue</option>
46-
<option value="green">green</option>
47-
</select>
48-
</div>
40+
<div>
41+
<label for="colour">colour of T-shirt</label>
42+
<select name="colour" id="colour" required>
43+
<option value="" disabled selected hidden>
44+
Please choose a colour
45+
</option>
46+
<option value="red">red</option>
47+
<option value="blue">blue</option>
48+
<option value="green">green</option>
49+
</select>
50+
</div>
4951

50-
<div>
51-
T-shirt size
52-
<label for="size">size of T-shirt</label>
52+
<div>
53+
T-shirt size
54+
<label for="size">size of T-shirt</label>
5355

54-
<select name="size" id="size" required>
55-
<option value="" disabled selected hidden>Select size</option>
56-
<option value="XS">XS</option>
57-
<option value="S">S</option>
58-
<option value="M">M</option>
59-
<option value="L">L</option>
60-
<option value="XL">XL</option>
61-
<option value="XXL">XXL</option>
62-
</select>
63-
</div>
56+
<select name="size" id="size" required>
57+
<option value="" disabled selected hidden>Select size</option>
58+
<option value="XS">XS</option>
59+
<option value="S">S</option>
60+
<option value="M">M</option>
61+
<option value="L">L</option>
62+
<option value="XL">XL</option>
63+
<option value="XXL">XXL</option>
64+
</select>
65+
</div>
6466

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>
67+
<button>Submit</button>
68+
We are selling T-shirts. this is a form to collect the following data Of
69+
our customers who already have accounts, so we know their addresses and
70+
charging, We want to confirm they are the right person, then get them to
71+
choose a colour and size.
72+
</form>
7573
</body>
7674
</html>

Form-Controls/Untitled-1.css renamed to Form-Controls/style.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
/* 1. Reset defaults and center everything on the page */
1+
22
body {
33
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
44
background-color: #f4f7f6;

0 commit comments

Comments
 (0)