Survey Form - Build a Survey Form

I’m working on the “Build a Survey Form” and I am having difficulties with the very last test.

The submit button that I am trying to make needs to be a descendent of the survey form like all of the other sections of my website. However, for some reason, the program doesn’t seem to be able to identify the form element with my “survey-form” information in it.

What am I doing wrong?

Ze’ code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>The HIM Survey</title>
 </head>
 <body>
  <h1 id="title">
    Welcome to the THE Survey
  </h1>
  <p id="description">
      Here you can give HIM your information
  </p>
 
 
<!--Name Field-->
  <fieldset>
    <form id="survey-form">
      <label id="name-label">Give HIM your name: <input type="text" id="name" required placeholder="Gregory Spencer"></label>
    </form>
  </fieldset>
 
 
<!--Email Field-->
  <fieldset>
    <form id="survey-form">
      <label id="email-label">Share with HIM your email: <input type="email" id="email" required placeholder="Zmail@email.com"></label>
    </form>
  </fieldset>
 
 
<!--Number Field-->
     <fieldset>
    <form id="survey-form">
      <label id="number-label">Inform HIM of your age: <input type="number" id="number" required min="18" max="100" placeholder="69"></label>
    </form>
  </fieldset>
 
 
<!--Select Field-->
     <fieldset>
    <form id="survey-form">
      <label id="slelect-label">Pick and option for HIM:</label>
        <select id="dropdown">
          <option>1</option>
          <option>2</option>
        </select>
    </form>
  </fieldset>
 
 
<!--Radio Field-->
     <fieldset>
    <form id="survey-form">
      <label id="number-label">Select one or the other to please your savior HIM:<input type="radio" id="radio" required name="1or2" value="A">Pick Me!
      </label>
      <label id="number-label"><input type="radio" id="radio" required name="1or2" value="B">No! Pick Mine!
      </label>
    </form>
  </fieldset>
 
 
<!--Checkbox Field-->
     <fieldset>
    <form id="survey-form">
      <label id="checkbox-label">Share you valuable information with HIM:
        <input type="checkbox" id="checkbox" required value="0">You can pick this one
      </label>
      <label id="checkbox-label">
        <input type="checkbox" id="checkbox" required value="1">You can pick this one too
      </label>
    </form>
  </fieldset>
 
 
<!--Textarea Field-->
  <fieldset>
    <form id="survey-form">
      <label id="name-label">Share a comment with HIM:<textarea></textarea></label>
  </fieldset>
 
 
<!--Submit Field-->
  <fieldset>
    <form id="survey-form">
      <label id="submit-label">
        <input type="submit" id="submit">
      </label>
    </form>
  </fieldset>
 
 </body>
 
<link rel="stylesheet" href="styles.css">
 
</html>

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

you seem to have created a new form element for each section.
That’s not how forms work.
Forms are supposed to enclose all the parts of a form that a user can modify as well sa the submit button (all in one form element, not many form elements).