QB_Survey Form Project_120921

Trying to understand what I did wrong when it is only passing 13 out of the 17.

<div class="container">
  <header class="header">
  <h1 id="title" class="text-center"> Survey Form 12/1/21</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">Your name:</label>
    <input type="name" 
           name="name" 
           id="name"
           class="form-control"
           placeholder="Enter your name"
           required
           /> 
    </div>
    <div class="form-group">
    <label  id="name-label" for="email-label">Your email:</label>
    <input type="email" 
           name="email" 
           id="email"
           class="form-control"
           placeholder="Enter your email"
           required
           />
    </div>
    <div class="form-group">
      <label id="number" for="number">Age<span class="clue">(required)</span></label>
      <input type="number"
             name="Age"
             id="number"
             min="10"
             max="99"
             class="form-control"
             placeholder="Age"
             required
             />
    </div>
    <div class="form-group">
      <p>Which option best desciribe your current role?</p>
      <select id="dropdown"
              name="role"
              class="form-control"
              required>
      <option disable selected value>Select current role</option>
      <option value="student">Student</option>
      <option value="job">Full Time Job</option>
      <option value="learner">
        Full Time Learner</option>
      <option value="preferNo"
              >Prefer not to say</option>
      <option value="other">Other</option>
      </select>
    </div>
    
     <div class="form-group">
       <p>Would you recommend FreeCodeCamp 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"
            />Maybe</label>
       <label>
         
        <input
            name="user-recommend"
            value="not sure"
            type="radio"
            class="input-radio"
            />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-group">
         <p>What would you like to see improved on FreeCodeCamp?
         <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="data visualization" 
               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="comments"
         placeholder="Please leave comments and suggestions here...">
     </textarea>
   </div>
    <div class="form-group">
      <button 
            type="submit" 
            id="submit"
            class="submit-button">Submit
      </button>
    </div>
  </form>
</div>
  1. you have provide id=‘number’ to the label
    instead it should be the id of input

  2. label for name input should have id=“name-label”
    label for email input should have id=“email-label”
    label for number input should have id=“number-label”

you can click on your score (13/17) then it will show you what you did wrong

Hey thanks @jozzo for that I appreciate it.

Hey @saurabhv749 Thanks for the feedback & the direction to look in.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.