Survey Form - Build a 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 .)

What am I missing? Can someone help? I’m not sure what to do for this task.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="styles.css">
    <title>Survey Form</title>

  </head>
  <body>
    <h1 id="title">Survey Form</h1>
    <p id="description">Thanks for helping us to improve our site</p>
    <form id="survey-form">
      <label id="name-label" for="name">Name: <input type="text" id="name" placeholder="Enter your name" required></label>
      <label id="email-label" for="email">E-mail: <input type="email" id="email" placeholder="Enter your e-mail" required></label>
      <label id="number-label" for="number">Age: <input type="number" id="number" max="120" min="13" placeholder="Age" required></label>
      <label>
        <p>Which option best describes your current job/role?</p>
        <select id="dropdown" name="role" class="form-control" required>
          <option disabled selected value>Select one</option>
          <option value="student">Student</option>
          <option value="full-time-job">Full Time Job</option>
          <option value="full-time-learner">Full Time Learner</option>
          <option value="prefer-not-to-say">Prefer not to say</option>
          <option value="other">Other</option>
        </select>
      </label>

      <p>Would you recommend our website?</p>
    <label>
      <input type="radio" value="absolutely" name="recommendation" checked>Absolutely!
    </label>
    <label>
      <input type="radio" value="not-sure" name="recommendation">Not sure...
    </label>
    <label>
      <input type="radio" value="nope" name="recommendation">Nope!
    </label>
    <label>
      <p> What would you like to see improved?</p>
      <label>
        <input type="checkbox" value="forum">Forum
      </label>
      <label>
        <input type="checkbox" value="courses">Courses
      </label>
      <label>
          <input type="checkbox" value="videos">Videos
      </label>
    <label>
      <p>Any comments or suggestions?</p>
      <input type="textarea" placeholder="Write it here...">
    </label>
    <footer>
      <input type="submit" id="submit">
    </footer>
    </form>
  </body>
</html>
/* file: styles.css */
h1 {
  text-align: center;
}

p {
  text-align: center;
}

input {
  display: block;
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

Hey,

You’re using <input type="textarea"/> which doesn’t exist :thinking:

Dude, you’re tripping. There’s not a forward slash, and it do exists.

<textarea>: The Textarea element - HTML: HyperText Markup Language | MDN …? :thinking:

1 Like