KEMBAR78
!doctype HTML | PDF | World Wide Web Consortium Standards | Web Standards
Scribd
Upload
22 views2 pages

!doctype HTML

The document is an HTML form titled 'All Features Form' that collects user information including name, password, email, age, date of birth, gender, hobbies, country, profile picture, bio, and experience level. It includes various input types such as text, password, email, number, date, radio buttons, checkboxes, a dropdown menu, file upload, a textarea, and a range slider. The form is designed to be submitted via POST method to the '/submit_form' action.

Uploaded by

adithyavt10
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
22 views2 pages

!doctype HTML

The document is an HTML form titled 'All Features Form' that collects user information including name, password, email, age, date of birth, gender, hobbies, country, profile picture, bio, and experience level. It includes various input types such as text, password, email, number, date, radio buttons, checkboxes, a dropdown menu, file upload, a textarea, and a range slider. The form is designed to be submitted via POST method to the '/submit_form' action.

Uploaded by

adithyavt10
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>All Features Form</title>
</head>
<body>

<h1>All Features Form</h1>

<form action="/submit_form" method="POST" enctype="multipart/form-data">

<!-- Text Input -->


<label for="name">Name:</label><br>
<input type="text" id="name" name="name" placeholder="Enter your name"
required><br><br>

<!-- Password Input -->


<label for="password">Password:</label><br>
<input type="password" id="password" name="password" placeholder="Enter
your password" required><br><br>

<!-- Email Input -->


<label for="email">Email:</label><br>
<input type="email" id="email" name="email" placeholder="Enter your email"
required><br><br>

<!-- Number Input -->


<label for="age">Age:</label><br>
<input type="number" id="age" name="age" min="1" max="120"
required><br><br>

<!-- Date Input -->


<label for="dob">Date of Birth:</label><br>
<input type="date" id="dob" name="dob" required><br><br>

<!-- Radio Buttons -->


<label>Gender:</label><br>
<input type="radio" id="male" name="gender" value="male" required>
<label for="male">Male</label><br>
<input type="radio" id="female" name="gender" value="female" required>
<label for="female">Female</label><br><br>

<!-- Checkboxes -->


<label>Hobbies:</label><br>
<input type="checkbox" id="reading" name="hobbies" value="reading">
<label for="reading">Reading</label><br>
<input type="checkbox" id="traveling" name="hobbies" value="traveling">
<label for="traveling">Traveling</label><br>
<input type="checkbox" id="sports" name="hobbies" value="sports">
<label for="sports">Sports</label><br><br>

<!-- Drop-down Menu (Select) -->


<label for="country">Country:</label><br>
<select id="country" name="country" required>
<option value="">Select your country</option>
<option value="USA">USA</option>
<option value="Canada">Canada</option>
<option value="UK">UK</option>
<option value="India">India</option>
</select><br><br>

<!-- File Upload -->


<label for="profile_pic">Upload Profile Picture:</label><br>
<input type="file" id="profile_pic" name="profile_pic"
accept="image/*"><br><br>

<!-- Textarea -->


<label for="bio">Bio:</label><br>
<textarea id="bio" name="bio" rows="5" cols="33" placeholder="Tell us about
yourself..."></textarea><br><br>

<!-- Range Slider -->


<label for="experience">Experience Level (1 to 10):</label><br>
<input type="range" id="experience" name="experience" min="1"
max="10"><br><br>

<!-- Submit Button -->


<button type="submit">Submit</button>

</form>

</body>
</html>

You might also like