Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:
Please, i need help with this:)
I have some problems:

  • You should have an input element with an id of name.

  • Failed:Your #name should have a type of text.

  • Failed:Your #name should require input.

  • Failed:Your #name should be a descendant of #survey-form.

  • You should have a label element with an id of name-label.

  • Failed:You should have a label element with an id of email-label.

  • Failed:You should have a label element with an id of number-label.

  • Failed:Your #name-label should contain text that describes the input.

  • Failed:Your #email-label should contain text that describes the input.

  • Failed:Your #number-label should contain text that describes the input.

  • Your #email-label should be a descendant of #survey-form.

  • Failed:Your #number-label should be a descendant of #survey-form.

  • Failed:Your #name should have a placeholder attribute and value.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Survey Form</title>
    <link rel="stylesheet" href="styles.css">
  </head>
   <body>
     <section>
        <h1 id = "title">freeCodeCamp Survey Form</h1>
        <p id = "description">Thank you for taking the time to help us improve the platform</p>
        </section>
        <form id="survey-form" method="post" action='https://register-demo.freecodecamp.org'>
            <label for ="name-label">Name<input id ="name-label" name="userName" type="text" required placeholder = "Enter your name"/></label>
            <br>
            <label for="email">Email</label>
            <input id="email" name="email" type="email" required placeholder = "Enter your Email"/>
            <br>
            <label for="number">Age</label>
            <input id="number" name="number" type="number" min="1" max="50" placeholder = "Age"/>
            <p>Which option best describes your current role?</p>
            <select id="dropdown" name="select" size="1">
              <option disabled selected>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>
            <p>Would you recommend freeCodeCamp to a friend?</p>
            <input id="Def" name="recommend" type="radio" value="Definitely"/>
            <label for="Def">Definitely</label>
            <br>
            <input id="Maybe" name="recommend" type="radio" value="Maybe"/>
            <label for="Maybe">Maybe</label>
            <br>
            <input id="notSure" name="recommend" type="radio" value="Not sure"/>
            <label for="notSure">Not Sure</label>
            <br>
            <p>What would you like to see improved? (Check all that apply)</p>
            <input id="front" name="check" type="checkbox" value="Front-end Projects"/>
            <label for='front'>Front-end Projects</label>
            <br>
            <input id="back" name="check" type="checkbox" value="Back-end Projects"/>
            <label for="back">Back-end Projects</label>
            <br>
            <input id="data" name="check" type="checkbox" value="Data Visualization"/>
            <label for="data">Data Visualization</label>
            <br>
            <input id="challeng"  name="check" type="checkbox" value="Challenges"/>
            <label for="challeng">Challenges</label>
            <br>
            <input id="comm" name="check" type="checkbox" value="Open Source Community"/>
            <label for="comm">Open Source Community</label>
            <br>
            <p>Any comments or suggestions?</p>
            <textarea placeholder="Enter your comment here..."></textarea>
            <br>
            <input type="submit" name="submit" id="submit" value="submit"/>
            

        </form>

   </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/115.0.0.0 Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2
  • You should have an input element with an id of name.

So the very first error is asking you to use an id = name, but you made an id = name-label, so you need to update this.

1 Like
3

Both of your labels dont have any ID.

1 Like
4

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