Survey Form - Build a Survey Form

Tell us what’s happening:
I have everything else checked off on the Survey Form, except the ‘textarea’ element. I have nested it inside the form just like everything else but it’s still telling me I’m wrong. I can’t figure out where the problem is. Any help would be greatly appreciated!

  **Your code so far**
/* file: index.html */
<!DOCtype HTML>
<html lang="en">
<title>freeCodecamp Survey Form</title>
<link href="styles.css" rel="stylesheet">
<h1 id="title"><b>Cat Lover Survey Form</b></h1>
<p id="description"><strong>Greetings all cat lovers! Thank you for taking the time to spread the love of cats!</strong></p>
<form id="survey-form"><form action="" name="survey-form">
  <label for="name" id="name-label">Enter Your Name: <input id="name" name="name-label" type="text" placeholder="Enter name" required /></label>
  <label for="email" id="email-label">Email<input id="email" name="email" type="email" placeholder="Enter email" required /></label>
  <label for="age" id="number-label">Number of current cats (optional)<input id="number" name="number" type="number" min="1" max="99" placeholder="Number of cats"/></label>
    <label for="current breeds">What breed of cat do you currently own?<select id="dropdown" name="role">
      <option value="">Please select one</option>
      <option value="1">Domestic Shorthair</option>
      <option value="2">Domestic Mediumhair</option>
      <option value="3">Domestic Longhair</option>
      <option value="4">Brachycephalic (aka smooshy face)</option>
      <option value="5">Exotic</option>
    <label for="recommend">Would you recommend that everyone owns a cat?
     <input id="recommend" type="radio" name="recommend" class="inline" value="yes" />Definitely!
     <input id="recommend" type="radio" name="recommend" class="inline" value="maybe" />Maybe...
     <input id="recommend" type="radio" name="recommend" class="inline" value="no" />Nah, they're not for everyone
  <label for="favorite feature">What is your favorite feature of a cat?<id="checkbox" name="feature">
    <input id="toe beans" type="checkbox" class="inline" value="beans" />Toe Beans 
    <input id="noses" type="checkbox" class="inline" value="noses" />Little Noses
    <input id="eyes" type="checkbox" class="inline" value="eyes" />Beautiful Eyes
    <input id="fur" type="checkbox" class="inline" value="fur" />Luxurious Fur
    <input id="personality" type="checkbox" class="inline" value="personality" />Loving Personality
    <input id="whiskers" type="checkbox" class="inline" value="whiskers" />Whiskers
  <label for="comments" id="textarea">Additional Comments:
    <input type="textarea" placeholder="More cat love goes here">
  <input type="submit" value="Submit" id="submit" />

/* file: styles.css */
background-image: url(

fieldset {
background-color: pink;
margin-bottom: 10%;
margin-left: 7%;
margin-right: 7%;
margin-top: 2.5%;

#description {
text-align: center;
font-size: 18px;
font-style: italic; 

input, textarea, select {
margin: 10px 0 0; 
width: 100%;
min-height: 2em; 

h1 {
font-size: 40px; 
text-align: center;

display: block;
width: 30%;
background-color: hotpink; 
border-color: white;
height: 2em;
min-width: 200px; 
font-size: 0.85rem;
margin: 1em auto;

.inline {
width: unset;
margin: 0 0.5em 0 0;
vertical-align: middle;

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:104.0) Gecko/20100101 Firefox/104.0

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

Hi. Note that ‘textarea’ is actually an element, not a tag.

Thank you for the help!! I went back and found out what I did wrong. Yay!


What the previous commenter meant:

Instead of creating an input element, make a textarea element.

How are HTML elements created in general?
You can also do a quick google to jog your memory.

Thank you! I found the answer and went back to change my previous reply. I was able to fix it and it worked great!!

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