-
Notifications
You must be signed in to change notification settings - Fork 0
/
form.html
80 lines (72 loc) · 3.24 KB
/
form.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>title</title>
</head>
<body>
<header>
<h1>Registration Form</h1>
</header>
<main>
<form action="">
<fieldset>
<legend>Personal information</legend>
<label for="name">First Name:</label>
<input type="text" id="name" name="name" value="" minlength="3"><br>
<label for="surname">Last Name:</label>
<input type="text" id="surname" name="surname" value="" minlength="3"><br>
<label for="age">Age:</label>
<input type="number" id="age" name="age" required min="0" max="100"> <br>
<label for="gender"> Gender</label>
<select id="gender" name="gender">
<option value="male">Male</option>
<option value="female">Female</option>
<option value="other">other</option>
</select>
</fieldset>
<fieldset>
<legend>Contact Information</legend>
<label for="email">Enter your email:</label>
<input type="email" id="email" name="email"> <br>
<label for="pwd">Password:</label>
<input type="password" id="pwd" name="pwd"> <br>
<label for="country">Country</label>
<select id="country" name="country">
<optgroup label="Europe">
<option value="GB">United Kingdom</option>
<option value="AL">Albania</option>
<option value="AD">Andorra</option>
</optgroup>
<optgroup label="Asia">
<option value="AF">Afghanistan</option>
<option value="AM">Armenia</option>
<option value="AZ">Azerbaijan</option>
</optgroup>
<optgroup label="North America">
<option value="US">United States</option>
<option value="UM">United States Minor Outlying Islands</option>
<option value="CA">Canada</option>
</optgroup>
</select>
</fieldset>
<fieldset>
<legend>Address Information:</legend>
<label for="address">Address:</label>
<input type="text" name="address" id="address"> <br>
<label for="City">City:</label>
<input type="text" name="City" id="City"> <br>
<label for="city">Postal Code :</label>
<input type="text" id="city" name="city" value="" min="5" max="5"><br>
<label for="phone">Phone number:</label>
<input type="tel" id="phone" name="phone">
</fieldset>
<label for="add-comments">Additional Comments:</label> <br>
<textarea name="add-comments" id="add-comments"></textarea> <br>
<input type="checkbox" name="newsletter" id="newsletter">
<label for="newsletter">Subscribe to our newsletter</label> <br>
<input type="submit" value="Register">
</form>
</main>
</body>
</html>