Survey Form - Build a Survey Form

Hey everybody!
I’m in the process of doing my survey form project and for some reason when I run the tests, it’s showing that all of my elements below the first field set are not descendants of the survey form element, despite all of them being nested within the “form” tag! I’ve scoured the internet high and low looking for solutions, and am still coming up completely clueless! Could anybody please give me some insight?

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
  <meta charset="UTF-8">
  <title>Volunteer Availabilty Form</title>
   <link rel="stylesheet" href="styles.css">

    
   
  
  
  </head>

<h1 id="title">Volunteer Availabilty Form</h1>
<p id="description">Fill out the information to let the committee know when you will be available to volunteer.</p>
<fieldset> 

  <form id="survey-form">
    <label for="name" id="name-label"> First and Last Name:  
      <br><input id="name" name="name" type="text" placeholder="Enter your name"required/> </label>

  <label for="email" id="email-label">E-mail:  <br><input id="email" name="email" type="email" placeholder="Enter your email"required /></label>
</label>
<br>
  <label for="number" id="number-label">Age?:  <br><input placeholder="18"id="number" type="number" min="18" max="120" required /></label>
  <legend>Can you commit at least 5 hours a week toward volunteering for at least the next year?</legend>
  <label for="yes"><input id="yes" value="yes" type="radio" name="committment" class="inline" checked>Yes</label>
  <label for="no"><input id="no" value="no"
type="radio" name="committment" class="inline" checked>No</label>
</fieldset>
      <fieldset> 

  <label> Which option best describes your area of expertise?</label>
  <select id="dropdown">
  <option value="Tech">Tech</option>
  <option value="Media">Media</option>
  <option value="Marketing">Marketing</option>
  <option value="Planning">Planning</option>
  <option value="Hosting">Hosting</option>
  <option value="Financing">Financing</option>
  <option value="Analytics">Analytics</option>
  </select>
  <div class="form-group">
  <label>
    What days are you most available to volunteer?
    <span class="clue">(Check all that apply)
      </label>
      <label
      ><input
      name="day"
      value="Sunday"
      type="checkbox"
      class="input-checkbox"
      />Sunday</label>
      <br>
      <label
      ><input
      name="day"
      value="Monday"
      type="checkbox"
      class="input-checkbox"
      />Monday</label>
      <br>
      <label
      ><input
      name="day"
      value="Tuesday"
      type="checkbox"
      class="input-checkbox"
      />Tuesday</label>
      <label
      ><input
      name="day"
      value="Wednesday"
      type="checkbox"
      class="input-checkbox"
      />Wednesday</label>
      <label
      ><input
      name="day"
      value="Thursday"
      type="checkbox"
      class="input-checkbox"
      />Thursday</label>
      <br>
     <label
      ><input
      name="day"
      value="Friday"
      type="checkbox"
      class="input-checkbox"
      />Friday</label>
      <br>
      <label
      ><input
      name="day"
      value="Saturday"
      type="checkbox"
      class="input-checkbox"
      />Saturday</label>
      <fieldset> 
      <label for="additional-information">What other information would you like us to know about you?:</label>
        <textarea id="additional-information" name="addiitonal-information" rows="4" cols="40" placeholder="Additional information"></textarea>
        <br>
           <input id="submit"type="submit"    value="Submit">
           </fieldset>
</form>

Challenge Information:

Survey Form - Build a Survey Form

Welcome to the forum!

Check to make sure you don’t have an extra </label> mixed in there.

Thank you for the response :4)
I did notice that I had an extra closing “label” tag included with the e-mail label, but upon removing it, my tests still aren’t working.

It’s usually a good idea to run your HTML through a validator to find all of those errors that may be confusing the web browser.

W3C Markup Validation Service

Thanks for the suggestion!
I’ll definitely use it :slight_smile:

1 Like