Survey Form - Build a Survey Form

HTML-CSS
1

Hi,

I am really struggling to solve my last 2 crosses on this project:

You should have a form element with an id of survey-form .

and

You should have at least one textarea element that is a descendant of #survey-form

I’m sure it’s something very simple, but I can’t see the problem?

Thank you in advance

Your code so far

<html lang=en>
   <head>
    <meta charset="UTF-8">
    <title id="survey-form">Survey Form</title>
    <link rel="stylesheet" href="styles.css" />
  </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 id="name" name="name" type="text" placeholder="Enter your name" required>
        </label>
        <label for="email" id="email-label">
          Email <input id="email" name="email" type="email" placeholder="Enter your email" required>
          </label>
          <label for"age" id="number-label">
            Age <input id="number" name="age" type="number" min="12" max="102" placeholder="Enter your age" required>
            </label>
            <label>Which option best describes your current role?
          <select id="dropdown">
            <option>Select current role</option>
            <option>Student</option>
            <option>Full time job</option>
            <option>Full time learner</option>
            <option>Prefer not to say</option>
            <option>Other</option>
          </select>
        </label>
        <label>Would you recommend freeCodeCamp to a friend?
           <label for="Definitely">
          <input
            id="Definitely"
            type="radio"
            name="favorite"
            value="Definitely"
            class="inline"
          />Definitely
        </label>
        <label for="maybe">
          <input
            id="maybe"
            type="radio"
            name="favorite"
            value="maybe"
            class="inline"
          />Maybe
        </label>
        <label for="other">
          <input id="other" type="radio" name="favorite" value="other" class="inline" />Not sure
        </label>
          
<label>What is your favorite feature of freeCodeCamp?
          <select>
            <option>Select an option</option>
            <option>Challenges</option>
            <option>Projects</option>
            <option>Community</option>
            <option>Open Source</option>
           </select>
          <label>What would you like to see improved? <span class="clue">(Check all that apply)</span>
          <input type="checkbox" value="front-end" class="checkbox"> Front-End Projects
          <input type="checkbox" value="back-end" class="checkbox"> Back-End Projects
          <input type="checkbox" value="data" class="checkbox" > Data Visualization
          <input type="checkbox" value="challenges" class="checkbox" > Challenges
          <input type="checkbox" value="open-source" class="checkbox"> Open Source Community
          <input type="checkbox" value="gitter" class="checkbox"> Gitter Help Rooms
          <input type="checkbox" value="videos" class="checkbox"> Videos
          <input type="checkbox" value="meetups" class="checkbox"> City Meetups
          <input type="checkbox" value="wiki" class="checkbox"> Wiki
          <input type="checkbox" value="forum" class="checkbox"> Forum
          <input type="checkbox" value="courses" class="checkbox"> Additional Courses
      <label>Any comments or suggestions?
        <input type="textarea" placeholder="Enter your comment here..." rows="4" cols="50">
        </label>
        </fieldset>
        <button type="Submit" id="submit">Submit</button>
        </form>
        </body>
  </html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

It is a textarea element with opening and closing textarea tags. It is not supposed to be an input tag with type attribute set to textarea.

1 Like
3

In addition to the textarea issue, id attributes need to be unique, so only one element can have the id of survey-form.

1 Like
4

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