Build a Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

I have created the survey form as asked though I’m having a hard time with the last 3 user stories. I’ve tried writing the code a few different ways and I’ve looked up examples though none have helped.I may have something thrown off in the structural hierarchy but if there is I can’t see what exactly.Please help

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Survey Form</title>
  </head>

  <body>
 <h1 id="title">Community Feedback Form</h1>
 <p id="description">We value your input. Please take a moment to share your thoughts and help us improve future community events</p>
 <form id="survey-form">
   <label id="name-label" for="name">Name</label>
   <input
   type="text"
   id="name"
   placeholder="Enter your full name"
   required />
   <label id="email-label" for="email">Email</label>
   <input
   type="email"
   id="email"
   name="email"
   placeholder="Enter your email address"
   required />
   <label id="number-label" for="number">Age</label>
  <input
  type="number"
  id="number"
  name="age"
  placeholder="Enter your age"
  min="10"
  max="120" />
  <label for="dropdown">How did you hear about this event?</label>
  <select id="dropdown" name="referral-source"
  <option value="">--Please choose an option--</option>
  <option value="social">Social Media</option>
  <option value="flyer">Flyer or Poster</option>
  <option value="friend">Word of Mouth</option>
  <option value="other">Other</option>
  </select>
  <label>Rate your overall experience:</label>
  <div class="inline-group">
    <label><input type="radio" name="experience" value="excellent" /> Excellent</label>
    <label><input type="radio" name="experience" value="good" />Good</label>
    <label><input type="radio" name="experience" value="average" /></label>
    <label><input type="radio" name="experience" value="poor" />Poor</label>
    </div>
    <label>Which of the following did you enjoy?(Select all that apply)</label>
    <div class="inline-group">
  <label><input type="checkbox" name="enjoyed" value="music" />Live Music</label>
  <label><input type="checkbox" name="enjoyed" value="food" />Food Vendors</label>
  <label><input type="checkbox" name="enjoyed" value="art" />Art Displays</label>
  <label><input type="checkbox" name="enjoyed" value="workshops" />Workshops</label>
  </div>
  <label for="comments">Additional Comments</label>
  <textarea
  id="comments"
  name="comments"
  placeholder="Leave your thoughts here..."
  rows="5">
  </textarea>
  <button type="submit">Submit Feedback</button>
  </form>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/135.0.0.0 Safari/537.36

Challenge Information:

Build a Survey Form - Build a Survey Form

2

Hi @ameionbridgewater280

  1. You should have an input or button element with an id of submit .

How are you fulfilling user story 42?

Happy coding

3

I’m not sure how I didn’t notice it before but that single comment helped the entire outcome thank you very much for the assistance.

1 Like