Skip to content

Commit 2c51f69

Browse files
habohlinhabohlin
committed
Format with prettier to fix indentation issues
1 parent c8616a9 commit 2c51f69

1 file changed

Lines changed: 53 additions & 42 deletions

File tree

‎Form-Controls/index.html‎

Lines changed: 53 additions & 42 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>
4-
<meta charset="utf-8" >
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
4+
<meta charset="utf-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
66
<title>My form exercise</title>
7-
<meta name="viewport" content="width=device-width, initial-scale=1" >
8-
<meta name="description" content="Form to pick your t-shirt">
9-
<link rel="stylesheet" href="styles.css" >
7+
<meta name="viewport" content="width=device-width, initial-scale=1" />
8+
<meta name="description" content="Form to pick your t-shirt" />
9+
<link rel="stylesheet" href="styles.css" />
1010
</head>
1111
<body>
1212
<header>
@@ -49,44 +49,55 @@ <h1>Product Pick</h1>
4949
*I commit often and push regularly to GitHub
5050
-->
5151

52-
<fieldset id="customer-info">
53-
<legend>Customer info</legend>
54-
<div>
55-
<label for="name">Name</label>
56-
<input id="name" type="text" required name="name" pattern=".*\S.*\S.*" >
57-
</div>
58-
<div>
59-
<label for="email">Email</label>
60-
<input id="email" type="email" name="email" required >
61-
</div>
62-
</fieldset>
63-
<fieldset id="tshirt-info">
64-
<legend>T-shirt info</legend>
65-
<p>Choose a colour:</p>
66-
<div id="color-radio-btns">
67-
<input type="radio" name="color" id="white" value="white" required>
68-
<label for="white">White</label>
69-
<input type="radio" name="color" id="black" value="black">
70-
<label for="black">Black</label>
71-
<input type="radio" name="color" id="brown" value="brown">
72-
<label for="brown">Brown</label>
73-
</div>
74-
<label for="size">Choose a size:</label>
75-
<select name="size" id="size" required>
76-
<option label="choose"></option>
77-
<option value="xs">XS</option>
78-
<option value="s">S</option>
79-
<option value="m">M</option>
80-
<option value="l">L</option>
81-
<option value="xl">XL</option>
82-
<option value="xxl">XXL</option>
83-
</select>
84-
</fieldset>
85-
86-
<div id="submit">
87-
<button type="submit">Submit</button>
52+
<fieldset id="customer-info">
53+
<legend>Customer info</legend>
54+
<div>
55+
<label for="name">Name</label>
56+
<input
57+
id="name"
58+
type="text"
59+
required
60+
name="name"
61+
pattern=".*\S.*\S.*"
62+
/>
63+
</div>
64+
<div>
65+
<label for="email">Email</label>
66+
<input id="email" type="email" name="email" required />
67+
</div>
68+
</fieldset>
69+
<fieldset id="tshirt-info">
70+
<legend>T-shirt info</legend>
71+
<p>Choose a colour:</p>
72+
<div id="color-radio-btns">
73+
<input
74+
type="radio"
75+
name="color"
76+
id="white"
77+
value="white"
78+
required
79+
/>
80+
<label for="white">White</label>
81+
<input type="radio" name="color" id="black" value="black" />
82+
<label for="black">Black</label>
83+
<input type="radio" name="color" id="brown" value="brown" />
84+
<label for="brown">Brown</label>
8885
</div>
86+
<label for="size">Choose a size:</label>
87+
<select name="size" id="size" required>
88+
<option label="choose"></option>
89+
<option value="xs">XS</option>
90+
<option value="s">S</option>
91+
<option value="m">M</option>
92+
<option value="l">L</option>
93+
<option value="xl">XL</option>
94+
<option value="xxl">XXL</option>
95+
</select>
96+
</fieldset>
8997

98+
<div id="submit">
99+
<button type="submit">Submit</button>
100+
</div>
90101
</form>
91102
</main>
92103
<footer>

0 commit comments

Comments
 (0)