How to make something a descendent?

Im on the certification project ,
after running tests it keeps on saying make #submit a descendent of survey form which im not able to understand. Please Help!!!

means that you have to put your element with the id of #submit in your existing <form></form> element.

1 Like

I have already tried doing what you said and am still not able to get my code to pass
Can you tell me how to post my code here ?

above your post I posted a picture where you can see how to post your code.

1 Like
<DOCTYPE html>
  <html lang="en">
  <div class="container">
    <div class="header">
    <h1 id="title" class="text-center">freeCodeCamp Survey Form</h1>
<p id="description" class="description text-center">
  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 
 type="text" 
 name="name" 
 id="name" 
 class="form-control" 
 placeholder="Enter your name" required></input></div>
 <div class="form-group">
   <label id="email-label" for="email">Email</label>
   <input 
   type="email" 
   name="email" 
   id="email" 
   class="form-control" 
   placeholder="Enter your email" required></input></div>
   <div class="form-group">
     <label id="number-label" for="number">Age<span class="clue">(optional)</span></label>
     <input 
     type="number" 
     name="age" 
     id="number" 
     max="99" 
     min="10" 
     class="form-control" 
     placeholder="age"></input></div>
     <div class="form-group">
       <p>Which option best describes your current role?</p>
       <select id="dropdown" name="role" class="form-control" required>
      <option 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>
      </select></div>
      <div class="form-group">
        <p>Would you like to recomment freeCodeCamp to a friend?</p>
<label><input 
name="user-recommend" 
value="definitely" 
type="radio" 
class="input-radio"</input>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>
<p>What is your favourite feature of freeCodeCamp?</p>
<select id="most-like" name="mostlike" class="form-control" required>
  <option>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-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="open-source-community" 
    type="checkbox" 
  class="input-checkbox"/>Open Source Community</label>
    <label>
     <input 
     name="prefer" 
value="glitter-help-rooms" 
type="checkbox" 
class="input-checkbox"/>Glitter 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</labe>
             <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>
  </div>
  </form>

Validate your HTML it has errors.

https://validator.w3.org/nu/#textarea

1 Like

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