Skip to content

Commit 13c95b9

Browse files
mandipsangermandipsanger
committed
fix size errors
1 parent e6e092c commit 13c95b9

1 file changed

Lines changed: 54 additions & 68 deletions

File tree

‎Form-Controls/index.html‎

Lines changed: 54 additions & 68 deletions
Original file line numberDiff line numberDiff line change
@@ -1,78 +1,64 @@
11
<!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 control</title>
7-
<link rel="stylesheet" href="style.css" />
8-
<meta name="description" content="F" />
9-
<meta name="viewport" content="width=device-width, initial-scale=1" />
10-
</head>
11-
<body>
12-
<header>
13-
<h1>Product Pick</h1>
14-
</header>
15-
<main>
16-
<form>
17-
<fieldset>
18-
<legend>Personal Information</legend>
19-
<label for="name">Name:</label>
20-
<input
21-
type="text"
22-
id="name"
23-
name="name"
24-
pattern="^\s*(\S\s*){2,}$"
25-
required
26-
title="Please enter at least 2 characters"
27-
/>
28-
<label for="email">Email:</label>
29-
<input type="email" id="email" name="email" required />
30-
</fieldset>
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6+
<title>My form control</title>
7+
<link rel="stylesheet" href="style.css" />
8+
<meta name="description" content="F" />
9+
<meta name="viewport" content="width=device-width, initial-scale=1" />
10+
</head>
11+
<body>
12+
<header>Product Pick</header>
13+
<main>
14+
<form>
15+
<fieldset>
16+
<legend>Personal Information</legend>
17+
<label for="name">Name:</label>
18+
<input
19+
type="text"
20+
id="name"
21+
name="name"
22+
pattern="^\s*(\S\s*){2,}$"
23+
required
24+
title="Please enter at least 2 characters"
25+
/>
26+
<label for="email">Email:</label>
27+
<input type="email" id="email" name="email" required />
28+
</fieldset>
3129

32-
<fieldset>
33-
<legend>Please select your color</legend>
30+
<fieldset>
31+
<legend>Please select your color</legend>
3432

35-
<input
36-
type="radio"
37-
id="black"
38-
name="color"
39-
value="Black"
40-
required
41-
/>
42-
<label for="black">Black</label>
33+
<input type="radio" id="black" name="color" value="Black" required />
34+
<label for="black">Black</label>
4335

44-
<input
45-
type="radio"
46-
id="beige"
47-
name="color"
48-
value="Beige"
49-
required
50-
/>
51-
<label for="beige">Beige</label>
36+
<input type="radio" id="beige" name="color" value="Beige" required />
37+
<label for="beige">Beige</label>
5238

53-
<input type="radio" id="red" name="color" value="Red" />
54-
<label for="red">Red</label>
55-
</fieldset>
39+
<input type="radio" id="red" name="color" value="Red" required />
5640

57-
<fieldset>
58-
<legend>Please select a size</legend>
41+
<label for="red">Red</label>
42+
</fieldset>
5943

60-
<label for="size">Choose a size:</label>
61-
<select name="size" id="size" required>
62-
<option value="">-- Please choose an option --</option>
63-
<option value="xs">Extra Small</option>
64-
<option value="small">Small</option>
65-
<option value="medium">Medium</option>
66-
<option value="large">Large</option>
67-
<option value="xl">Extra Large</option>
68-
<option value="xxl">XXL</option>
69-
</select>
70-
</fieldset>
44+
<fieldset>
45+
<legend>Please select a size</legend>
7146

72-
<input type="submit" value="Submit" />
73-
</form>
74-
</main>
75-
<footer>From control by Mandip sanger</footer>
76-
</body>
77-
</html>
47+
<label for="size">Choose a size:</label>
48+
<select name="size" id="size" required>
49+
<option value="">-- Please choose an option --</option>
50+
<option value="xs">Extra Small</option>
51+
<option value="small">Small</option>
52+
<option value="medium">Medium</option>
53+
<option value="large">Large</option>
54+
<option value="xl">Extra Large</option>
55+
<option value="xxl">XXL</option>
56+
</select>
57+
</fieldset>
58+
59+
<input type="submit" value="Submit" />
60+
</form>
61+
</main>
62+
<footer>From control by Mandip sanger</footer>
63+
</body>
7864
</html>

0 commit comments

Comments
 (0)