Survey Form - Build a Survey Form

HTML-CSS
1

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

I have passed all tests except one saying " You should have at least one textarea element that is a descendant of #survey-form ."

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <link rel="stylesheet" href="styles.css">
  <title>freeCodeCamp Survey Form</title
</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 id="survey-form">
    <fieldset>
      <label for="name" id="name-label">Name<input required id="name" type="text" placeholder="Enter your name"></input></label>
      <label for="email" id="email-label">Email<input required id="email" type="email" placeholder="Enter your email"></input></label>
      <label for="number" id="number-label">Age(optional)<input id="number" type="number" min="12" max="120" placeholder="Age"></input></label>
      <label for="dropdown" id="dropdown-label">
        <select id="dropdown" name="dropdown">
          <option value="">Select current role</option>      
          <option value="1">Student</option>
          <option value="2">Full time job</option>
          <option value="3">Full time learner</option>
          <option value="4">Prefer not to say</option>
          <option value="5">Other</option>
        </select>
      </label>
      <label for="definitely"><input type="radio" name="recommend" id="definitely" value="Definitely">Definitely</input></label>
      <label for="maybe"><input type="radio" name="recommend" id="maybe" value="Maybe">Maybe</input></label>
      <label for="not sure"><input type="radio" name="recommend" id="not sure" value="Not sure">Not sure</input></label>
      </fieldset>
      <fieldset>
        <p>what would you like seeing improved?</p>
        <label for="front"><input type="checkbox" id="front" name="improvement" value="Front-end Projects">Front-end projects</input></label>
        <label for="back"><input type="checkbox" id="back" name="improvement" value="Back-end Projects">Back-end projects</input></label>
        <label for="data"><input type="checkbox" id="data" name="improvement" value="Data visualisation">Data visualisation</input></label>
      </fieldset>
      <fieldset>
        <label for="comments">Any comments or suggestions?<input id="comments" type="textarea" placeholder="enter your comment here"></input></label> 
      </fieldset>
      <label for="submit"><input type="submit" id="submit" value="Submit"></input></label>
  </form>
</body>

/* 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/117.0.0.0 Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

Hello!

A textarea is not defined by “type”, it is its own html element with its own tags.

1 Like
3

Oh okay. I totally forgot that. Thank you!!

4

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