-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
156 lines (120 loc) · 53.2 KB
/
index.html
File metadata and controls
156 lines (120 loc) · 53.2 KB
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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>User Registration Form</title>
</head>
<body>
<main>
<h1>User Registration Form</h1>
<form action="#" method="post" enctype="multipart/form-data">
<!-- Personal Information -->
<fieldset>
<legend>Personal Information</legend>
<label for="first-name">First Name:</label>
<input type="text" id="first-name" name="first-name" required>
<label for="last-name">Last Name:</label>
<input type="text" id="last-name" name="last-name" required>
<label for="dob">Date of Birth:</label>
<input type="date" id="dob" name="dob">
<label for="age">Age:</label>
<input type="number" id="age" name="age" min="0">
<p>Gender:</p>
<label><input type="radio" name="gender" value="male"> Male</label>
<label><input type="radio" name="gender" value="female"> Female</label>
<label for="profile-photo">Profile Photo:</label>
<input type="file" id="profile-photo" name="profile-photo" accept="image/*">
</fieldset>
<!-- Contact & Address Information -->
<fieldset>
<legend>Contact & Address Information</legend>
<label for="email">Email Address:</label>
<input type="email" id="email" name="email" required>
<label for="phone">Phone Number:</label>
<input type="tel" id="phone" name="phone">
<label for="website">Personal Website:</label>
<input type="url" id="website" name="website" placeholder="https://example.com">
<label for="street">Street Address:</label>
<input type="text" id="street" name="street">
<label for="city">City:</label>
<input type="text" id="city" name="city">
<label for="country">Country:</label>
<select id="country" name="country">
<option value="">Select Country</option>
<option value="kenya">Kenya</option>
<option value="usa">USA</option>
<option value="uk">UK</option>
<option value="india">India</option>
</select>
<label for="zip">ZIP/Postal Code:</label>
<input type="text" id="zip" name="zip">
<label for="contact-time">Preferred Contact Time:</label>
<input type="time" id="contact-time" name="contact-time">
</fieldset>
<!-- Preferences & Interests -->
<fieldset>
<legend>Preferences & Interests</legend>
<label for="color">Favorite Color:</label>
<input type="color" id="color" name="color">
<label for="experience">Experience Level (1-10):</label>
<input type="range" id="experience" name="experience" min="1" max="10">
<label for="birth-month">Birth Month:</label>
<input type="month" id="birth-month" name="birth-month">
<label for="available-week">Available Week:</label>
<input type="week" id="available-week" name="available-week">
<label for="keywords">Search Keywords:</label>
<input type="search" id="keywords" name="keywords" placeholder="Enter keywords...">
<p>Interests (Select all that apply):</p>
<label><input type="checkbox" name="interests" value="technology"> Technology</label>
<label><input type="checkbox" name="interests" value="sports"> Sports</label>
<label><input type="checkbox" name="interests" value="music"> Music</label>
<label><input type="checkbox" name="interests" value="travel"> Travel</label>
<label><input type="checkbox" name="interests" value="reading"> Reading</label>
<label><input type="checkbox" name="interests" value="cooking"> Cooking</label>
<label for="education">Education Level:</label>
<select id="education" name="education">
<option value="">Select Education Level</option>
<option value="highschool">High School</option>
<option value="bachelor">Bachelor's</option>
<option value="masters">Master's</option>
<option value="phd">PhD</option>
</select>
</fieldset>
<!-- Account Setup -->
<fieldset>
<legend>Account Setup</legend>
<label for="password">Create Password:</label>
<input type="password" id="password" name="password" required>
<label for="confirm-password">Confirm Password:</label>
<input type="password" id="confirm-password" name="confirm-password" required>
</fieldset>
<!-- Feedback & Additional Information -->
<fieldset>
<legend>Feedback & Additional Information</legend>
<label for="about">Tell us about yourself:</label>
<textarea id="about" name="about" rows="4" placeholder="Write a brief description about yourself..."></textarea>
<label for="suggestions">Suggestions for improvement:</label>
<textarea id="suggestions" name="suggestions" rows="4" placeholder="Any suggestions or feedback..."></textarea>
<label for="reg-date">Registration Date & Time:</label>
<input type="datetime-local" id="reg-date" name="reg-date">
<label for="source">How did you hear about us?</label>
<select id="source" name="source">
<option value="">Select Source</option>
<option value="friends">Friends</option>
<option value="social">Social Media</option>
<option value="ads">Advertisements</option>
<option value="other">Other</option>
</select>
<label for="resume">Upload Resume (optional):</label>
<input type="file" id="resume" name="resume" accept=".pdf,.doc,.docx">
<label><input type="checkbox" name="newsletter"> Subscribe to our newsletter</label>
<label><input type="checkbox" name="terms" required> I agree to the Terms and Conditions</label>
<label><input type="checkbox" name="privacy" required> I agree to the Privacy Policy</label>
</fieldset>
<!-- Submit -->
<button type="submit">Submit</button>
</form>
</main>
</body>
</html>