Skip to content

Commit 3bba3ba

Browse files
Fix indentation in Form-Controls/index.html
1 parent ba0cad3 commit 3bba3ba

1 file changed

Lines changed: 39 additions & 35 deletions

File tree

‎Form-Controls/index.html‎

Lines changed: 39 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<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>
77
<meta name="description" content="" />
88
<meta name="viewport" content="width=device-width, initial-scale=1" />
9-
<link rel="stylesheet" href="style.css">
9+
<link rel="stylesheet" href="style.css" />
1010
</head>
1111
<body>
1212
<header>
@@ -22,42 +22,46 @@ <h1>Product Pick</h1>
2222
- Size: required, choose 1 of 6 sizes
2323
- No form action needed for this project
2424
-->
25-
<div class="field">
26-
<label for="name">Name</label>
27-
<input type="text" id="name" name="name" pattern=".*\S.*\S.*" required>
28-
</div>
29-
<div class="field">
30-
<label for="email">Email</label>
31-
<input type="email" id="email" name="email" required>
32-
</div>
33-
<fieldset>
34-
<legend>Colour</legend>
25+
<div class="field">
26+
<label for="name">Name</label>
27+
<input
28+
type="text"
29+
id="name"
30+
name="name"
31+
pattern=".*\S.*\S.*"
32+
required
33+
/>
34+
</div>
35+
<div class="field">
36+
<label for="email">Email</label>
37+
<input type="email" id="email" name="email" required />
38+
</div>
39+
<fieldset>
40+
<legend>Colour</legend>
3541

36-
<label>
37-
<input type="radio" name="colour" value="black" required> Black
38-
</label>
42+
<label>
43+
<input type="radio" name="colour" value="black" required /> Black
44+
</label>
3945

40-
<label>
41-
<input type="radio" name="colour" value="white"> White
42-
</label>
46+
<label>
47+
<input type="radio" name="colour" value="white" /> White
48+
</label>
4349

44-
<label>
45-
<input type="radio" name="colour" value="red"> Red
46-
</label>
47-
</fieldset>
48-
<div class="field">
49-
<label for="size">Size</label>
50-
<select id="size" name="size" required>
51-
<option value="">Select a size</option>
52-
<option value="XS">XS</option>
53-
<option value="S">S</option>
54-
<option value="M">M</option>
55-
<option value="L">L</option>
56-
<option value="XL">XL</option>
57-
<option value="XXL">XXL</option>
58-
</select>
59-
</div>
60-
<button type="submit">Submit</button>
50+
<label> <input type="radio" name="colour" value="red" /> Red </label>
51+
</fieldset>
52+
<div class="field">
53+
<label for="size">Size</label>
54+
<select id="size" name="size" required>
55+
<option value="">Select a 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>
64+
<button type="submit">Submit</button>
6165
</form>
6266
</main>
6367
<footer>

0 commit comments

Comments
 (0)