Skip to content

Commit 236dd8c

Browse files
khalidbihkhalidbih
committed
I Added style to my inputs giving them a size
1 parent 72fe02b commit 236dd8c

File tree

1 file changed

+46
-0
lines changed

1 file changed

+46
-0
lines changed

‎Form-Controls/form-controls.html‎

Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>T-shirt order</title>
7+
</head>
8+
<body>
9+
<form>
10+
<fieldset>
11+
<legend>Customer Details</legend>
12+
13+
<label for="customer-name">Name</label>
14+
<input type="text" name="name" id="customerName" minlength="2" placeholder="customer-name" required style="min-width:48px; min-height:48px;">>
15+
16+
<label for="customer-email">Email</label>
17+
<input type="email" name="email" id="customerEmail" placeholder="customer-email" required style="min-width:48px; min-height:48px;">>
18+
</fieldset>
19+
<fieldset>
20+
<legend>T-shirt Options</legend>
21+
22+
<label for="tshirtColour">Choose a Colour</label>
23+
<select name="colour" id="tshirtColour" required style="min-width:48px; min-height:48px;">
24+
<option value="">--Select--</option>
25+
<option value="red">Red</option>
26+
<option value="green">Green</option>
27+
<option value="blue">Blue</option>
28+
</select>
29+
30+
<label for="tshirtSize">Choose a Size</label>
31+
<select name="size" id="tshirtSize" required style="min-width:48px; min-height:48px;">
32+
<option value="">--Select--</option>
33+
<option value="xs">XS</option>
34+
<option value="s">S</option>
35+
<option value="m">M</option>
36+
<option value="l">L</option>
37+
<option value="xl">XL</option>l
38+
<option value="xxl">XXL</option>
39+
</select>
40+
</fieldset>
41+
<button type="submit" style="min-width:48px; min-height:48px;">Order</button>
42+
43+
</form>
44+
45+
</body>
46+
</html>

0 commit comments

Comments
 (0)