Skip to content

Commit feda562

Browse files
d-odumosud-odumosu
committed
feat: attempt to fix pr validation
1 parent f54c801 commit feda562

1 file changed

Lines changed: 5 additions & 104 deletions

File tree

‎Form-Controls/index.html‎

Lines changed: 5 additions & 104 deletions
Original file line numberDiff line numberDiff line change
@@ -1,126 +1,27 @@
11
<!DOCTYPE html>
2-
<html lang="en" xmlns:>
2+
<html lang="en">
33
<head>
44
<meta charset="utf-8"/>
55
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
66
<title>My form exercise</title>
7-
<meta name="description" content="Product Pick form for selecting name, email, shirt color, and size."/>
7+
<meta name="description" content=""/>
88
<meta name="viewport" content="width=device-width, initial-scale=1"/>
9-
<link rel="stylesheet" href="main.css">
10-
<link rel="preconnect" href="https://fonts.googleapis.com">
11-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
12-
<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap"
13-
rel="stylesheet">
14-
<link href="https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap" rel="stylesheet">
159
</head>
1610
<body>
1711
<header>
1812
<h1>Product Pick</h1>
1913
</header>
2014
<main>
21-
22-
2315
<form>
24-
<!-- write your HTML here-->
16+
<!-- write your html here-->
2517
<!--
2618
try writing out the requirements first as comments
2719
this will also help you fill in your PR message later-->
28-
29-
<!-- first and lastname (ensure it contains at least two non-space characters.)-->
30-
<!-- email (make sure the email is valid. Email addresses follow a consistent pattern.)-->
31-
<!-- shirt color (I must provide 3 options. How will I ensure they do not choose other colors?)-->
32-
<!-- shirt size (must provide the following 6 options: XS, S, M, L, XL, XXL)-->
33-
34-
35-
<div class="form-group">
36-
<label for="firstname">First Name </label>
37-
<input
38-
type="text"
39-
id="firstname"
40-
name="firstname"
41-
required
42-
pattern="[A-Za-z]+(?:['\-][A-Za-z]+)*"
43-
title="enter a valid name">
44-
</div>
45-
46-
<div class="form-group">
47-
<label for="lastname">Last Name</label>
48-
<input
49-
type="text"
50-
id="lastname"
51-
name="lastname"
52-
required
53-
pattern="[A-Za-z]+(?:['\-][A-Za-z]+)*"
54-
title="enter a valid name">
55-
</div>
56-
57-
<div class="form-group">
58-
<label for="email">Email</label>
59-
<input
60-
type="email"
61-
id="email"
62-
name="email"
63-
required>
64-
65-
</div>
66-
67-
<div class="form-group">
68-
<fieldset>
69-
<legend>Choose a shirt color:</legend>
70-
<div class="form-group-fieldset">
71-
<input
72-
type="radio"
73-
id="choice1"
74-
name="shirt"
75-
value="blue"
76-
required>
77-
<label for="choice1">Blue</label>
78-
</div>
79-
80-
<div class="form-group-fieldset">
81-
<input
82-
type="radio"
83-
id="choice2"
84-
name="shirt"
85-
value="green"
86-
>
87-
<label for="choice2">Green</label>
88-
</div>
89-
90-
<div class="form-group-fieldset">
91-
<input
92-
type="radio"
93-
id="choice3"
94-
name="shirt"
95-
value="yellow"
96-
>
97-
<label for="choice3">Yellow</label>
98-
</div>
99-
</fieldset>
100-
</div>
101-
102-
<div class="form-group">
103-
<label for="sizing">Choose a size:</label>
104-
<select id="sizing" name="size" required>
105-
<option value="">--Please choose an option--</option>
106-
<option value="ex-small">XS</option>
107-
<option value="small">S</option>
108-
<option value="medium">M</option>
109-
<option value="large">L</option>
110-
<option value="ex-large">XL</option>
111-
<option value="ex-ex-large">XXL</option>
112-
113-
</select>
114-
</div>
115-
<button type="submit">Submit</button>
11620
</form>
11721
</main>
118-
11922
<footer>
12023
<!-- change to your name-->
121-
<p>By DAMILOLA ODUMOSU</p>
24+
<p>By HOMEWORK SOLUTION</p>
12225
</footer>
12326
</body>
124-
</html>
125-
126-
27+
</html>

0 commit comments

Comments
 (0)