Skip to content

Commit fb1e777

Browse files
bodoszidibodoszidi
committed
Update index.html
closed the select tag and added 2 buttons to the form
1 parent 17b98d8 commit fb1e777

1 file changed

Lines changed: 35 additions & 27 deletions

File tree

‎Form-Controls/index.html‎

Lines changed: 35 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -7,19 +7,19 @@
77
<meta name="description" content="" />
88
<meta name="viewport" content="width=device-width, initial-scale=1" />
99
<style>
10-
body{
11-
align-items: center;
12-
padding:10px;
13-
}
14-
label{
15-
display: block;
16-
margin-bottom: 10px;
17-
}
18-
input{
19-
width: fit-content;
20-
padding: 15px;
21-
margin-bottom: 10px;
22-
}
10+
body {
11+
align-items: center;
12+
padding: 10px;
13+
}
14+
label {
15+
display: block;
16+
margin-bottom: 10px;
17+
}
18+
input {
19+
width: fit-content;
20+
padding: 15px;
21+
margin-bottom: 10px;
22+
}
2323
</style>
2424
</head>
2525
<body>
@@ -49,23 +49,31 @@ <h1>Product Pick</h1>
4949
/>
5050
</div>
5151
<div class="colour">
52-
<label for="red">Red</label>
53-
<input type="radio" name="colour" id="red" value="Red">
54-
<label for="blue">Blue</label>
55-
<input type="radio" name="colour" id="blue" value="Blue">
56-
<label for="green">Green</label>
57-
<input type="radio" name="colour" id="green" value="Green">
52+
<label for="red">Red</label>
53+
<input type="radio" name="colour" id="red" value="Red" />
54+
<label for="blue">Blue</label>
55+
<input type="radio" name="colour" id="blue" value="Blue" />
56+
<label for="green">Green</label>
57+
<input
58+
type="radio"
59+
name="colour"
60+
id="green"
61+
value="Green"
62+
/>
5863
</div>
5964
<div class="size">
60-
<label for="size">T-shirt Size</label>
61-
<select name="size" id="size">
62-
<option value="XS">XS</option>
63-
<option value="S">S</option>
64-
<option value="M">M</option>
65-
<option value="L">L</option>
66-
<option value="XL">XL</option>
67-
<option value="XXL">XXL</option>
65+
<label for="size">T-shirt Size</label>
66+
<select name="size" id="size">
67+
<option value="XS">XS</option>
68+
<option value="S">S</option>
69+
<option value="M">M</option>
70+
<option value="L">L</option>
71+
<option value="XL">XL</option>
72+
<option value="XXL">XXL</option>
73+
</select>
6874
</div>
75+
<button type="reset">Reset</button>
76+
<button type="submit">Submit</button>
6977
</form>
7078
</main>
7179
<footer>

0 commit comments

Comments
 (0)