Skip to content

Commit 1e75e19

Browse files
sofragiualinasofragiualina
committed
form
1 parent ff7b9d0 commit 1e75e19

1 file changed

Lines changed: 69 additions & 7 deletions

File tree

‎Form-Controls/index.html‎

Lines changed: 69 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@
33
<head>
44
<meta charset="utf-8" />
55
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6-
<title>My form exercise</title>
7-
<meta name="description" content="" />
6+
<title>T-Shirt Order Form</title>
7+
<meta name="description" content="T-shirt order form" />
88
<meta name="viewport" content="width=device-width, initial-scale=1" />
99
</head>
1010
<body>
@@ -13,15 +13,77 @@ <h1>Product Pick</h1>
1313
</header>
1414
<main>
1515
<form>
16-
<!-- write your html here-->
17-
<!--
18-
try writing out the requirements first as comments
19-
this will also help you fill in your PR message later-->
16+
<!-- NAME -->
17+
<div>
18+
<label for="name">Full Name</label>
19+
<input
20+
type="text"
21+
id="name"
22+
name="name"
23+
value="Alina Sofragiu"
24+
required
25+
minlength="2"
26+
pattern=".*\S.*\S.*"
27+
/>
28+
</div>
29+
30+
<!-- EMAIL -->
31+
<div>
32+
<label for="email">Email Address</label>
33+
<input
34+
type="email"
35+
id="email"
36+
name="email"
37+
value="sofragiualina@gmail.com"
38+
required
39+
/>
40+
</div>
41+
42+
<!-- COLOUR -->
43+
<fieldset>
44+
<legend>Choose a colour</legend>
45+
46+
<label>
47+
<input type="radio" name="colour" value="red" required />
48+
Red
49+
</label>
50+
51+
<label>
52+
<input type="radio" name="colour" value="purple" />
53+
Purple
54+
</label>
55+
56+
<label>
57+
<input type="radio" name="colour" value="black" />
58+
Black
59+
</label>
60+
61+
</fieldset>
62+
63+
<!-- SIZE -->
64+
<div>
65+
<label for="size">Choose a size</label>
66+
<select id="size" name="size" required>
67+
<option value="">-- Select a size --</option>
68+
<option value="xs">XS</option>
69+
<option value="s">S</option>
70+
<option value="m">M</option>
71+
<option value="l">L</option>
72+
<option value="xl">XL</option>
73+
<option value="xxl">XXL</option>
74+
</select>
75+
</div>
76+
77+
<!-- SUBMIT -->
78+
<div>
79+
<button type="submit">Place Order</button>
80+
</div>
81+
2082
</form>
2183
</main>
2284
<footer>
2385
<!-- change to your name-->
24-
<p>By HOMEWORK SOLUTION</p>
86+
<p>By Alina Sofragiu</p>
2587
</footer>
2688
</body>
2789
</html>

0 commit comments

Comments
 (0)