Skip to content

Commit 94566be

Browse files
author
Diana Ausiejute
committed
Format the whole document
1 parent 73456f8 commit 94566be

1 file changed

Lines changed: 35 additions & 35 deletions

File tree

‎Form-Controls/index.html‎

Lines changed: 35 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html lang="en">
33
<head>
44
<meta charset="utf-8" />
@@ -13,48 +13,48 @@ <h1>Product Pick</h1>
1313
</header>
1414
<main>
1515
<form>
16-
16+
<label for="name"> Name: </label><br />
17+
<input
18+
type="text"
19+
id="name"
20+
name="name"
21+
pattern=".*\S.*\S.*"
22+
required
23+
/><br /><br />
24+
<label for="email">Email:</label><br />
25+
<input type="email" id="email" name="email" required /><br /><br />
1726

18-
19-
<label for="name"> Name: </label><br>
20-
<input type="text" id="name" name="name" pattern=".*\S.*\S.*" required><br>
21-
<label for="email">Email:</label><br>
22-
<input type="email" id="email" name="email" required><br><br>
23-
24-
25-
26-
<p>
27-
<label for="color">T-shirt Color</label>
28-
</p>
29-
<input type="radio" id="blue" name="color" value="B" />
30-
<label for="blue">Blue</label><br />
27+
<fieldset>
28+
<legend>T-shirt Color</legend>
29+
<input type="radio" id="blue" name="color" value="B" />
30+
<label for="blue">Blue</label><br />
3131

32-
<input type="radio" id="green" name="color" value="G" />
33-
<label for="green">Green</label><br />
32+
<input type="radio" id="green" name="color" value="G" />
33+
<label for="green">Green</label><br />
3434

35-
<input type="radio" id="red" name="color" value="R" />
36-
<label for="red">Red</label> <br><br>
37-
38-
35+
<input type="radio" id="red" name="color" value="R" />
36+
<label for="red">Red</label>
37+
</fieldset>
38+
<br /><br />
3939

40-
<label for="size">T-shirt Size:</label>
41-
<select id="size" name="size" required>
42-
<option value="">Select Size</option>
43-
<option value="xs">XS</option>
44-
<option value="s">S</option>
45-
<option value="m">M</option>
46-
<option value="l">L</option>
47-
<option value="xl">XL</option>
48-
<option value="xxl">XXL</option>
49-
</select> <br> <br>
50-
51-
<input type="submit" value="Submit" /> <br> <br>
52-
40+
<label for="size">T-Shirt Size:</label>
41+
<select id="size" name="size" required>
42+
<option value="">Select Size</option>
43+
<option value="xs">XS</option>
44+
<option value="s">S</option>
45+
<option value="m">M</option>
46+
<option value="l">L</option>
47+
<option value="xl">XL</option>
48+
<option value="xxl">XXL</option>
49+
</select>
50+
<br />
51+
<br />
5352

53+
<input type="submit" value="Submit" /> <br />
54+
<br />
5455
</form>
5556
</main>
5657
<footer>
57-
5858
<p>By Diana Ausiejute</p>
5959
</footer>
6060
</body>

0 commit comments

Comments
 (0)