Scribd
Upload
25 views3 pages

Build A Survey Form

The document is an HTML survey form asking for a user's name, email, age, role, recommendations, favorite features, desired improvements, and comments. It contains various input fields like text, email, number, dropdowns, radio buttons, checkboxes, and a textarea for comments.

Uploaded by

nguyenduathanh
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
25 views3 pages

Build A Survey Form

The document is an HTML survey form asking for a user's name, email, age, role, recommendations, favorite features, desired improvements, and comments. It contains various input fields like text, email, number, dropdowns, radio buttons, checkboxes, and a textarea for comments.

Uploaded by

nguyenduathanh
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/ 3

** start of undefined **

<!DOCTYPE html>
<html lang="en>">
<head>
<meta charset="utf-8">
<title>Survey Form</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div>
<header>
<h1 id="title">freeCodeCamp Survey Form</h1>
<p id="description">Thank you for taking the time to help us improve the
platform<p>
<header>
<form id="survey-form">
<div><label id="name-label"for="name">Name<label>
<input type="text" id="name" name="name" placeholder="Enter your name"
required/> </div>
<div><label id="email-label" for="email">Email</label>
<input type="email" id="email" name="email" placeholder="Enter your email"
required /> </div>
<div><label id="number-label" for="age">Age (optional)
<input type="number" id="number" name="age" min="10" max="99"
placeholder="Age" required></label>
</div>
<div>
<label for="dropdown">Which option best describes your current
role?</label>
<select id="dropdown" placeholder="Select current role">
<option value="">Select current role</option>
<option value="student">Student</option>
<option value="job">Fulltime Job</option>
<option value="learner">Fulltime Learner</option>
<option value="preferno">Prefer not to say</option>
<option value="other">Other</option>
</select>
</div>
<div>
<p>Would you recommend freeCodeCamp to a friend?</p>
<label>
<input name="user" type="radio" id="definitely" value="definitely"
checked > Definitely
</label>
<label>
<input name="user" type="radio" id="maybe" value="maybe"> Maybe
</label>
<label>
<input name="user" type="radio" id="notsure" value="notsure">Not sure
</label>
</div>
<div>
<p>What is your favorite feature of freeCodeCamp?</p>
<select placeholer="Select an option">
<option value="">Select an option</option>
<option value="challenges">Challenges</option>
<option value="projects">Projects</option>
<option value="community">Community</option>
<option value="source">Open Source</option>
</select>
</div>
<div>
<p>What would you like to see improved? (Check all that apply)</p>
<label>
<input type="checkbox" name="improved" id="Font-end-Projects"
value="Font-end-Projects"> Font-end Projects
</label>
<label>
<input type="checkbox" name="improved" id="Back-end-Projects"
value="Back-end-Projects"> Back-end Projects
</label>
<label>
<input name="improved" id="Data-Visualization" value="Data-
Visualization" type="checkbox"> Data Visualization
</label>
<label>
<input type="checkbox" name="improved" id="Challenges"
value="Challenges"> Challenges
</label>
<label>
<input type="checkbox" name="improved" id="Open-Source-Community"
value="Open-Source-Community"> Open Source Community
</label>
<label>
<input id="gitter" type="checkbox" name="improved" id="Giiter-held-
rooms" value="Giiter-held-rooms"> Gitter help rooms
</label>
<label>
<input type="checkbox" name="improve" id="Videos" value="Videos">
Videos
</label>
<label>
<input type="checkbox" name="improved" id="City-Meetups" value="City-
Meetups"> City Meetups
</label>
<label>
<input type="checkbox" name="improved" id="Wiki" value="Wiki"> Wiki
</label>
<label>
<input type="checkbox" name="improved" id="Forum" value="Forum"> Forum
</label>
<label>
<input type="checkbox" name="improved" id="Additional-Courses"
value="Additional-Courses"> Additional Courses
</label>
</div>
<div>
<p>Any comments or suggestions?</p>
<textarea id="comments" name="comments" placeholder="Enter your comment
here..."></textarea>
</div>
<div>
<input type="submit" id="submit" value="Submit">
</div>
</form>
</div>
</body>
</html>

** end of undefined **

** start of undefined **

** end of undefined **

You might also like