(QB)Survey Form Project

[dominionworkz]

<!--I am trying to get the 17/17 I am getting 12/17 what am I missing (I did mine a lil different from the template example...code below HTML-->

<div class="container">
  <header class="header">
  <h1 id="title" class="text-center"> Survey Form 11/12/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 for="name">Your name:</label>
    <input type="text" 
           name="name" 
           id="name"
           class="form-control"
           placeholder="Enter your name"
           required
           /> 
    </div>
    <div class="form-group">
    <label for="name">Your email:</label>
    <input type="email" 
           email="email" 
           id="email"
           placeholder="Enter your email"
           required
           />
    </div>
    <div class="form-group">
      <label id="number-label" for="number">Age<span class="clue">(optional)</span></label>
      <input type="number"
             name="Age"
             min="10"
             max="99"
             class="form-control"
             placeholder="Age"
             />
    </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</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 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 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="open source">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="inpt-checkbox">Front-end Projects 
         </label>
         <label>
          <input 
               name="prefer" 
               value="Back-end projects" 
               type="checkbox" 
               class="inpt-checkbox">Back-end Projects 
         </label>
         <label>
          <input 
               name="prefer" 
               value="data visualization" 
               type="checkbox" 
               class="inpt-checkbox">Data Visualization
         </label>
         <label>
          <input 
               name="prefer" 
               value="challenges" 
               type="checkbox" 
               class="inpt-checkbox">Challenges 
         </label>
         <label>
          <input 
               name="prefer" 
               value="open source community" 
               type="checkbox" 
               class="inpt-checkbox">Open Source Community 
         </label>
         <label>
          <input 
               name="prefer" 
               value="gitter help rooms" 
               type="checkbox" 
               class="inpt-checkbox">Gitter Help Rooms 
         </label>
         <label>
          <input 
               name="prefer" 
               value="videos" 
               type="checkbox" 
               class="inpt-checkbox">Videos 
         </label>
         <label>
          <input 
               name="prefer" 
               value="city meetups" 
               type="checkbox" 
               class="inpt-checkbox">City Meetups
         </label>
         <label>
          <input 
               name="prefer" 
               value="wiki" 
               type="checkbox" 
               class="inpt-checkbox">Wiki
         </label>
         <label>
          <input 
               name="prefer" 
               value="forum" 
               type="checkbox" 
               class="inpt-checkbox">Forum 
         </label>
         <label>
          <input 
               name="prefer" 
               value="additional courses" 
               type="checkbox" 
               class="inpt-checkbox">Additional Courses
         </label>
       </div>
    </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>

[nivethakrishnan72]

@dominionworkz ,

Few points you are missing out on:

• For the Age (number) input field, you should have id="number"

• For the Name and Email field label, you should have id="name-label" and id="email-label"

Resolve these issues and your code would work fine.

I hope it helps

[dominionworkz]

@nivethakrishnan72 Thanks I’ll look into that.