Survey Form - Build a Survey Form

Tell us what’s happening:
I’m finishing up my certification project and I’m having 2 errors stating that #name and #email should have an input. I did put an input so Im not sure where to go from here.

Please help.
Your code so far

<!DOCTYPE html>
<html lang="en">

<head>
  <title>freeCodeCamp Survey Form</title>
  <link rel="stylesheet" href="styles.css" />
</head>

<body>
  <div class="container">
    <header class="header">
      <h1 id="title" class="text-center">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 class="form-group">
        <label id="name-label" for="name"> Name</label>
        <input id="name" type="text"  placeholder="Enter your name" class="form-control"  />
      </div>
      <div class="form-group">
        <label id="email-label" for="email">Email</label><input id="email" type="email"  class="form-control" placeholder="Enter your Email" />
      </div>
      <div class="form-group">
        <label id="number-label">Age (optional)</label><input id="number" type="number" min="6" max="20" class="form-control" placeholder="Age" />
      </div>
      <div class="form-group">
        <p> Which option bests describes your current role? </p>
        <select id="dropdown" name="role" class="form-control" required>
      <option disabled selected value>Select current role</option>
      <option value="student"></option>
      <option value="Full Time Job"></option>
      <option value="Full Time Learner"></option>
      <option value="Prefer not to say"></option>
      <option value="Other"></option>
    </select>
      </div>
      <div class="form-group">
        <p> Would you recommend CodeCamp to a friend? </p>
        <label>
       <input name="user-recommend" value="definitely" type="radio" class="input-radio" checked /> Definitely
     </label>
        <label>
       <input name="user-recommend" value="maybe" type="radio" class="input-radio" checked /> Maybe
     </label>
        <label>
       <input name="user-recommend" value="notsure"
       type="radio" class="input-radio" checked /> Not Sure </label>
      </div>
      <div class="form-group">
        <p> What is your favorite feature of freeCodeCamp?</p>
        <select id="most-like" name="mostLike" class="form-control" required>
        <option disabled selected value> Select an option </option>
        <option value="challenges">Challenges</option>
        <option value="projects">Projects</option>
        <option value="community">Community</option>
        <option value="openSource">Open Source</option>
      </select>
      </div>
      <div class="form-control">
        <p>What would you like to see improved?
          <span class="clue">(Check all that apply)</span>
        </p>
        <label><input name="prefer" value="front-end-projects" type="checkbox" class="input-checkbox"/> Front-end Projects</label>
        <label><input name="prefer" value="back-end-projects" type="checkbox" class="input-checkbox" /> Back-end Projects</label>
        <label><input name="prefer" value="datavisualization" type="checkbox" class="input-checkbox" /> Data Visualization </label>
        <label><input name="prefer" value="challenges" type="checkbox" class="input-checkbox" /> Challenges </label>
        <label><input name="prefer" value="open-source-community" type="checkbox" class="input-checkbox"/>Open Source Community</label>
        <label><input name="prefer" value="gitter-help-rooms" type="checkbox" class="input-checkbox" /> Gitter help rooms</label>
        <label><input name="prefer" value="videos" type="checkbox" class="input-checkbox"/> Videos </label>
        <label><input name="prefer" value="city-meetups" type="checkbox" class="input-checkbox" /> City Meetups </label>
        <label><input name="prefer" value="wiki" type="checkbox" class="input-checkbox" /> Wiki </label>
        <label><input name="prefer" value="forum" type="checkbox" class="input-checkbox" /> Forum </label>
        <label><input name="prefer" value="additional-courses" type="checkbox" class="input-checkbox" /> Additional Courses </label>
      </div>
      <div class="form-group">
        <p>Any comments or suggestions?</p>
        <textarea id="comments" class="input-textarea" name="comment" placeholder="Enter your comment here..."></textarea>
      </div>
      <div class="form-group">
        <button type="submit" id="submit" class="submit-button"> Submit </button>
    </form>
  </div>









</body>







</html>

Your browser information:

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

Take a look at the instructions:

  1. Inside the form element, you are required to enter your name in an input field that has an id of name and a type of text
  2. Inside the form element, you are required to enter your email in an input field that has an id of email

You are supposed to use a specific attribute which makes the input required to be entered by the user when submitting the form for the #name and #email elements.

I believe I have an id for both name and email as well as type of text for name in the input field.
Please help