Survey Form - Build a Survey Form

Tell us what’s happening:
So it says I have everything correct except the textarea. It keeps saying to have at least one textarea that’s a descendant of the #survey-form. I have no idea what I’m doing wrong.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
  <meta charset="UTF-8"/>
  <title>Survey about Pets</title>
  <link rel="stylesheet" href="styles.css">
  </head>
  <body>
  <h1 id="title">Survey about your Pets</h1>
  <p id="description">Thank you for your time in filling out this survey about your pets.</p>
  <form id="survey-form">
    <input type="textarea">
    <label id="name-label">Name<input required type="text" id="name" placeholder="Jane Doe"></label>
    <label id="email-label">Email<input required type="email" id="email" placeholder="janedoe@gmail.com"></label>
    <label id="number-label">How many pets do you have?<input type="number" id="number" min="0" max="20" placeholder="3"></label>
    <label>Is your pet indoor or outdoor?</label>
    <label>Indoor<input type="radio" name="indoor-outdoor" value="indoor"></label>
    <label>Outdoor<input type="radio" name="indoor-outdoor" value="outdoor"></label>
    <label>Both<input type="radio" name="indoor-outdoor" value="both"></label>
    <label>How long have you had your first pet?<select id="dropdown"></label>
      <option>(Selct option)</option>
      <option>Less than a year</option>
      <option>1-3 years</option>
      <option>3-5 years</option>
      <option>Over 5 years</option>
      </select>
    <label>What kind of pet(s) do you have?</label>
    <label>Mammal<input type="checkbox" value="mammal"></label>
    <label>Amphibian<input type="checkbox" value="amphibian"></label>
    <label>Reptile<input type="checkbox" value="reptile"></label>
    <label>Fish<input type="checkbox" value="fish"></label>
    <label>Bird<input type="checkbox" value="bird"></label>
    <label>Other<input type="checkbox" value="other"></label> 
    <label>What do you like about your pet(s)?<input type="textarea">
  <input type="submit" id="submit">
  </form>
  </body>
  </html>



/* file: styles.css */
body {
  background-color: honeydew;
  width: 100%;
  height: 100vh;
  margin: 0;
}
h1, p {
  margin: 1em auto;
  text-align: center;
}
h1 {
  font-family: Courier;
}
p {
  font-family: Italic;
}
label {
  display: block;
  margin: 40px;
}
form {
  background-color: white;
  margin-left: 10%;
  margin-right: 10%
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.3 Safari/605.1.15

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

The ‘textarea’ is an html element, just like ‘label’ element. It has the opening and closing tags <textarea></textarea>.

You have added the ‘input’ element with type set to the value of “textarea”. This is not the proper usage of this element.

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