Survey Form - Build a Survey Form

HTML-CSS
1

Below is error while i run codes i dont know what there are asking

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

can u please anyone explain what is this

  **Your code so far**

/* file: index.html */
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css"
</head>
<body>
  <div class="container">
   <!-- Heading section  -->
   <div>
     <h1 id="title">freeCodeCamp Survey Form</h1>
     <p id="description">Thank you for taking the time to help us improve the platform</p>
   </div>
   <!-- form section -->
<form id="survey-form" action="https://register-demo.freecodecamp.org">
<!-- section 1 -->
<div>
  <label id="name-label">Name</label>
  <input id="name" type="text" Value="name" placeholder="Enter your name"place required>
  <label id="email-label">Email</label>
      <input id="email"type="Email" Value="email" placeholder="Enter your Eamil" required >
      <label id="number-label">Age(optional)</label>
      <input id="number"type="number" Value="password" placeholder="Age" required min="10" max="99">
</div>
<!-- Section-2 -->
<div>
<label>Which option best describes your current role?</label>
<select id="dropdown">
  <option value="role">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="preferred">preferred not to say</option>
        <option value="other">other</option>
</select>
</div>
<!-- section 3 -->
<div>
<label>Would you recommend freeCodeCamp to a friend? </label>
<label><input type="radio" name="wish" value="Definitely" > Definitely</label>
<label><input type="radio" name="wish" value="Maybe"> Maybe</label>
<label><input type="radio" name="wish" value="Not sure"> Not sure</label>
</div>
<!-- section 4 -->
<div>
<label>What would you like to see improved? (Check all that apply)</label>
<label><input type="checkbox" value="Front-end Projects"> Front-end Projects</label>
      <label><input type="checkbox" value="Back-end Projects" > Back-end Projects</label>
      <label><input type="checkbox" value="Data Visualization" > Data Visualization</label>
<label><input type="checkbox" value="Challenges" > Challenges</label>
<label><input type="checkbox" value="Open Source Community"> Open Source Community</label>
<label><input type="checkbox" value="Gitter help rooms"> Gitter help rooms</label>
<label><input type="checkbox" value="Videos"> Videos</label>
<label><input type="checkbox" value="City Meetups"> City Meetups</label>
<label><input type="checkbox" value="Wiki"> Wiki</label>
<label><input type="checkbox" value="Forum"> Forum</label>
<label><input type="checkbox" value="Additional Courses"> Additional Courses</label>
</div>
<!-- section 5 -->
<label>Any comments or suggestions?</label>
<input type="textarea"  placeholder="Enter your comments here" >
<!-- section 6-->
<input id="submit" type="submit">
</form>
    </div>
</body>
</html>


/* file: styles.css */
body{
 width: 100%;
margin: 0;
background-image:url(https://cdn.pixabay.com/photo/2017/10/27/15/12/geeks-2894621_960_720.jpg);
background-repeat: no-repeat;
background-size: cover;
color:white;
font-family:mon
}
h1,p{
text-align:center;
}
label{
display:block;
}
input{
width:100%;
}
#survey-form{
margin:5% 13% 0;
}



  **Your browser information:**

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

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