Survey Form - Build a Survey Form

This is the error message:
You should have at least one textarea element that is a descendant of #survey-form and that #submit should be a descendant of survey form

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
  <meta charset="UTF-8">
<title>Survey Form</title>
<link rel="stylesheet" href="styles.css">
<div id="outside">
<h1 id="title">FreeCodeCamp Survey Form</h1>
<p id="description">Thank you for taking the time to help us improve the platform

  <form id="survey-form"> 
<label id="name-label">Name<input type="text" id="name" placeholder="Enter your name" required/>

<div><label id="email-label"> Email<input type="email" id="email" placeholder="Enter your Email" required/>
</label> </div>

<div><label id="number-label">Age (optional)<input type="number" id="number" min="10" max="120" placeholder="Age" />

  <label>Which option best describes your current role?
    <select id="dropdown">
      <option value=""> Select Current role </option>
      <option value="1"> Project Manager </option>
      <option value="2"> App Creator </option>
       <option value="3">UX/UI Designer </option>
       <option value="4">Front-end developer </option>
       <option value="5">Others </option>
  <div><p>Would you recommend freeCodeCamp to a friend?</p></div>
  <div><label><input type ="radio" name="rec" value="Definitely"/>Definitely</label> </div>
  <div><label><input type="radio" name="rec" value="maybe"/>Maybe </label></div>
  <div><label><input type="radio" name="rec" value="Not sure"/>Not Sure</label></div>

<label>What is your favorite feature of freeCodeCamp?</label>

   <select id="dropdown">
     <option value=""> Select an option </option>
     <option value="6">HTML </option>
     <option value="7"> CSS </option>
     <option value="8">JAVA</option>

   What would you like to see improved? (Check all that apply)
     <div><label><input type="checkbox" value="Front" name="first"/> Front-end-Projects 
   </label> </div>

  <div><label><input type="checkbox" name="second" value="Back"/> Back-end-Project 

   <div> <label><input type="checkbox" name="third" value="Data"/> Data Visualization 

<div><label><input type="checkbox" name="fourth" value="challenges"/> Challenges 

<div><label><input type="checkbox" name="fifth"  value="Open"/> Open Source Community 

<div><label><input type="checkbox" name="sixth" value="Gitter"/> Gitter help room</label></div>

<div><label><input type="checkbox" name="seventh " value="Videos"/> Videos 

<div><label><input type="checkbox" name="eighth" value="City"/> City Meetup

<div><label><input type="checkbox" name="ninth" value="Wiki"/> Wiki

<label><input type="checkbox" name="tenth" value="forum"/> Forum 

<div><label><input type="checkbox" name="eleventh" value="Course"/> Additional Courses 

Any comments or suggestions?
<textarea name="comment" rows="3" cols="10" placeholder="Enter your comment here..." class="text"></textarea>

<button id="submit" class="submit" type="submit">submit</button>


/* file: styles.css */

  **Your browser information:**

User Agent is: Mozilla/5.0 (Linux; Android 11; TECNO PR651H) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/99.0.4844.58 Mobile Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

I believe you don’t need a class in that line of code

Even without it, it’s still the same

Hi !Haybee2212

I’ve checked your code.

There is a lost closing div tag in your code. (or a div element without an opening tag).

Try checking every element you have make sure that it is properly started / closed :smiling_face_with_tear:

Try to be more thorough next time :smile:

(and some other minor typo that its best you fix it up before HTML validator gets angry :smiling_face_with_tear:)

I couldn’t find any unclosed element

if you copy your code into an online HTML validator, it will flag the errors for you by line number:

Edit: you have about 14 errors to fix.

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