Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

The one test I can’t pass says “You should have at least one textarea element that is a descendant of #survey-form.” I have a textarea element and can’t figure out what I need to fix. I don’t know what it means to be a descendant.

Your code so far

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

  <body>
    <h1 id="title">How are you?</h1>

    <p id="description">Thank you for helping me learn how to code!</p>

    <form id="survey-form">
      <fieldset>
        <label for="name" id="name-label">Full Name: 
          <input type="text" id="name" placeholder="Name" required/>
        </label>
        
        <label for="email" id="email-label">Email Address: 
          <input type="email" id="email" placeholder="Email" required/>
        </label>

        <label for="number" id="number-label">Age: 
          <input type="number" id="number" min="13" max="120" placeholder="Age" required/>
        </label>
      </fieldset>

      <fieldset>
        <label for="dropdown"> On a scale of 1-10, how are you feeling?
          <select id="dropdown" required>
            <option value="">(select one)</option>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>

          </select>
          </label>
      </fieldset>
      <fieldset>
        <legend>Would you say you are doing</legend>
        <label for="good">
          <input type="radio" id="good" name="good-bad" checked value="good"/>Good
        </label>
        <label for="bad">
          <input type="radio" id="bad" name="good-bad" value="bad"/>Bad
        </label>
      </fieldset>

      <fieldset>
        <legend>Which of these words best describe your current wellbeing?</legend>
        <input type="checkbox" id="happy" value="happy" name="wellbeing"><label for="happy">Happy</label>

        <input type="checkbox" id="sad" value="sad" name="wellbeing"><label for="sad">Sad</label>

        <input type="checkbox" id="stressed" value="stressed" name="wellbeing"><label for="stressed">Stressed</label>

        <input type="checkbox" id="calm" value="calm" name="wellbeing"><label for="calm">Calm</label>
      </fieldset>
      <fieldset>
        <label for="comments">
          Any additional comments?
          <input type="textarea" id="comments" placeholder="I'm sad about...">
        </label>
      </fieldset>

      <input type="submit" value="submit" id="submit"/>
  </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/130.0.0.0 Safari/537.36 Edg/130.0.0.0

Challenge Information:

Survey Form - Build a Survey Form

2

Hi there!

You need textarea element, instead of input element. Remember, textarea need closing tag. Also you have missing the from closing tag.

3

Hey buddy, adding textarea means to add text area element.

<textarea>My Text<\textarea>

2nd thing descendent means, it should be under #surveyfirm.

<form>
<h1>My World</h1>
</form>

See here my h1 is descendent under form element.

Hope you understand.