Survey Form - Build a Survey Form

whats problem in this

i am not able complete this step

please anyone help me

   **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" placeholder="Enter your name" required>
   <label id="email-label">Email</label>
       <input id="email" type="Email" placeholder="Enter your Eamil" required >
       <label id="number-label">Age(optional)</label>
       <input id="number"type="number" 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 class="radio-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: 'Poppins', sans-serif;
font-weight: 400;
}
.container{
 margin:3rem auto 0;
 width:100%;
}
#title{
     padding: 0 0.5rem;
   margin-bottom: 1.5rem;
}
#description{
 font-style: italic;
   font-weight: 200;
}
h1,p{
 text-align:center;
     margin-top: 0;
   margin-bottom: 0.5rem;
}
h1{
     font-weight: 400;
   line-height: 1.2;
}
p{
     font-size: 1.125rem;
}
.radio-input{
 display:inline-block;
}
label{
 display:block;
}
input{
 width:100%;
}
#survey-form{
 margin:5% 13% 10%;
}
#submit{
 background-color:green;
 padding:1rem;
 margin:1rem auto 0;
}


   **Your browser information:**

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

Well, I can’t see any textarea elements in your code.

You have some input with the type textarea, I believe it’s not correct

thank you , you are right i used text area as attribute inside input element that why not worked , now its clear

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