You should have at least one textarea element that is a descendant of #survey-form

Tell us what’s happening:
Describe your issue in detail here.

You should have at least one textarea element that is a descendant of #survey-form .
Your code so far

/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Survey-form</title>
   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
   <link rel="stylesheet" href="styles.css">
</head>
<body>
 <h1 id="title">freeCodeCamp Survey Form</h1>
   <p id="description">Thank you for taking the time to help us improve the platform</p>
   <form action="https://register-demo.freecodecamp.org" id="survey-form">
           <fieldset>
<label id="name-label">Name: <input id="name" type="text" name="first" placeholder="Enter Your First Name" required></label>
<label id="email-label">Email: <input id="email" type="email" name="third" placeholder="Enter Your Email" required></label>
<label id="number-label">Age (optional): <input id="number" type="number" name="seveth" min="10" max="99" placeholder="Numeric">
</label>
<label>Create a New Password: <input type="password" name="fourth" minlength="8" pattern="[a-z0-5]{8,}" name="" id="" placeholder="input your age" required></label>
   </fieldset>
<fieldset>
<label>Which option best describes your current role?
<select name="eighth" id="dropdown">
<option value="">select current role</option>
<option value="1">Student</option>
<option value="2">Fulltime Job</option>
<option value="3">Other<option>
   </select>
 </label>
 </fieldset>
 <fieldset><label for="">Would you recommend freeCodeCamp to a friend? <input type="radio" name="account-type" value="three"> Definately</label>
<label for=""> <input type="radio" name="account-type" value="two"> Maybe</label>
<label for=""> <input type="radio" name="account-type" value="one">Not sure</label>
 </fieldset>
       <fieldset>
<label for="">What is your favorite feature of freeCodeCamp?
<select name="eighth" id="">
<option value="">select an option</option>
<option value="1">Challenges</option>
<option value="2">Projects</option>
<option value="3">Community</option>
<option value="4">Open source</option>
   </select>
 </label>
 </fieldset>
 <fieldset>
<label for="">What would you like to see improved? (Check all that apply)
<label><input type="checkbox" value="pick">Front-ends project</label>
 </label>
 <label><input type="checkbox" value="pick">Back-ends project</label>
 <label><input type="checkbox" value="pick">Data visualization</label>
 <label><input type="checkbox" value="pick">Challenges</label>
 <label><input type="checkbox" value="pick">Open source community</label>
 </fieldset>
 <fieldset>
         </fieldset><label><input id="submit" type="submit"></label>
         <label>Any comments or suggestions? <input type="textarea" placeholder="Enter your comment here..."></label>
         </form>
         <label>Any comments or suggestions? <input type="textarea" placeholder="Enter your comment here..."></label>
  </body>
  </html>
 
/* file: styles.css */

   **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36

Challenge: Build a Survey Form

Link to the challenge:

Hi! you currently have 2 textareas and one of them outside of the form. I’m not sure 100%, but it might be the issue.

1 Like