Skip to content

Commit 5923885

Browse files
AbdennourHachemiAbdennourHachemi
committed
update files
1 parent bba3065 commit 5923885

3 files changed

Lines changed: 125 additions & 95 deletions

File tree

‎Form-Controls/index.html‎

Lines changed: 123 additions & 95 deletions
Original file line numberDiff line numberDiff line change
@@ -1,98 +1,126 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html lang="en">
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6+
<title>My form exercise</title>
7+
<meta name="description" content="Order form" />
8+
<meta name="viewport" content="width=device-width, initial-scale=1" />
9+
<link rel="stylesheet" href="styles.css" />
10+
</head>
311

4-
<head>
5-
<meta charset="utf-8">
6-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7-
<title>My form exercise</title>
8-
<meta name="description" content="Order form">
9-
<meta name="viewport" content="width=device-width, initial-scale=1">
10-
<link rel="stylesheet" href="styles.css">
11-
</head>
12+
<body>
13+
<header>
14+
<h1>Product Pick</h1>
15+
</header>
16+
<main>
17+
<form>
18+
<div id="fn">
19+
<label for="fname">Please Enter your First name:</label>
20+
<input
21+
type="text"
22+
id="fname"
23+
name="fname"
24+
pattern=".*\S.*\S.*"
25+
required
26+
/>
27+
<br />
28+
</div>
29+
<div id="sn">
30+
<label for="lname">Please Enter your Last name:</label>
31+
<input
32+
type="text"
33+
id="lname"
34+
name="lname"
35+
pattern=".*\S.*\S.*"
36+
required
37+
/>
38+
<br />
39+
</div>
40+
<div id="em">
41+
<label for="email">Please Enter your Email:</label>
42+
<input type="email" id="email" name="email" required /><br />
43+
</div>
44+
<div class="colorSelection">
45+
<label>Please pick a color:</label> <br />
46+
<div class="colorOption">
47+
<label for="blueOption">Blue</label>
48+
<div class="square" id="blueOptions">
49+
<input type="radio" name="color" id="blueOption" value="blue" />
50+
</div>
51+
</div>
52+
<div class="colorOption">
53+
<label for="greenOption">Green</label>
54+
<div class="square" id="greenOptions">
55+
<input type="radio" name="color" id="greenOption" value="green" />
56+
</div>
57+
</div>
58+
<div class="colorOption">
59+
<label for="redOption">Red</label>
60+
<div class="square" id="redOptions">
61+
<input
62+
type="radio"
63+
name="color"
64+
id="redOption"
65+
value="red"
66+
required
67+
/>
68+
</div>
69+
</div>
70+
</div>
71+
<div id="sizediv">
72+
<label>Please select the t-shirt size:</label> <br />
73+
<div class="colorSelection">
74+
<div class="sizeOption">
75+
<label for="xs">XS</label>
76+
<div>
77+
<input type="radio" name="size" value="xs" id="xs" required />
78+
</div>
79+
</div>
80+
<div class="sizeOption">
81+
<label for="s">S</label>
82+
<div>
83+
<input type="radio" name="size" id="s" value="s" required />
84+
</div>
85+
</div>
86+
<div class="sizeOption">
87+
<label for="m">M</label>
88+
<div>
89+
<input type="radio" name="size" id="m" value="m" required />
90+
</div>
91+
</div>
92+
<div class="sizeOption">
93+
<label for="l">L</label>
94+
<div>
95+
<input type="radio" id="l" name="size" value="l" required />
96+
</div>
97+
</div>
98+
<div class="sizeOption">
99+
<label for="xl">XL</label>
100+
<div>
101+
<input type="radio" id="xl" name="size" value="xl" required />
102+
</div>
103+
</div>
104+
<div class="sizeOption">
105+
<label for="sizexxl">XXL</label>
106+
<div>
107+
<input
108+
type="radio"
109+
id="sizexxl"
110+
name="size"
111+
value="xxl"
112+
required
113+
/>
114+
</div>
115+
</div>
116+
</div>
117+
</div>
118+
<input type="submit" value="Submit" />
119+
</form>
120+
</main>
12121

13-
<body>
14-
<header>
15-
<h1>Product Pick</h1>
16-
</header>
17-
<main>
18-
<form>
19-
<div id="fn"><label for="fname">Please Enter your First name:</label>
20-
<input type="text" id="fname" name="fname" pattern=".*\S.*\S.*"> <br>
21-
</div>
22-
<div id="sn"><label for="lname">Please Enter your Last name:</label>
23-
<input type="text" id="lname" name="lname" pattern=".*\S.*\S.*"> <br>
24-
</div>
25-
<div id="em"><label for="email">Please Enter your Email:</label>
26-
<input type="email" id="email" name="email" required><br>
27-
</div>
28-
<div class="colorSelection">
29-
<label>Please pick a color:</label> <br>
30-
<div class="colorOption">
31-
<label for="blueOption">Blue</label>
32-
<div class="square" id="blueOptions">
33-
<input type="radio" name="color" id="blueOption" value="blue">
34-
</div>
35-
</div>
36-
<div class="colorOption">
37-
<label for="greenOption">Green</label>
38-
<div class="square" id="greenOptions">
39-
<input type="radio" name="color" id="greenOption"value="green">
40-
</div>
41-
</div>
42-
<div class="colorOption">
43-
<label for="redOption">Red</label>
44-
<div class="square" id="redOptions">
45-
<input type="radio" name="color" id="redOption" value="red" required>
46-
</div>
47-
</div>
48-
</div>
49-
<div id="sizediv">
50-
<label>Please select the t-shirt size:</label> <br> .
51-
<div class="colorSelection">
52-
<div class="sizeOption">
53-
<label for="xs">XS</label>
54-
<div>
55-
<input type="radio" name="size" value="xs" id="xs">
56-
</div>
57-
</div>
58-
<div class="sizeOption">
59-
<label for="s">S</label>
60-
<div>
61-
<input type="radio" name="size" id="s" value="s">
62-
</div>
63-
</div>
64-
<div class="sizeOption">
65-
<label for="m">M</label>
66-
<div>
67-
<input type="radio" name="size" id="m" value="m">
68-
</div>
69-
</div>
70-
<div class="sizeOption">
71-
<label for="l">L</label>
72-
<div>
73-
<input type="radio" id="l" name="size" value="l">
74-
</div>
75-
</div>
76-
<div class="sizeOption">
77-
<label for="xl">XL</label>
78-
<div>
79-
<input type="radio" id="xl" name="size" value="xl">
80-
</div>
81-
</div>
82-
<div class="sizeOption">
83-
<label for="sizexxl">XXL</label>
84-
<div>
85-
<input type="radio" id ="sizexxl" name="size" value="xxl">
86-
</div>
87-
</div>
88-
</div>
89-
</div>
90-
</form>
91-
</main>
92-
93-
<footer>
94-
<p>By Abdennour Hachemi</p>
95-
</footer>
96-
</body>
97-
98-
</html>
122+
<footer>
123+
<h5>By Abdennour Hachemi</h5>
124+
</footer>
125+
</body>
126+
</html>

‎animal-website‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
Subproject commit d935873eaa7adcc973ef8fcb5abc0e47304053df

‎github_issues_prs_practice‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
Subproject commit cd147b2944e0e9944ab4532050ac548eec97d4bf

0 commit comments

Comments
 (0)