Survey Form - Build a Survey Form

Please help…how can I have so many error? I must have made many small errors or a huge critical one… I can’t tell… Thank you.

  • You should have an h1 element with an id of title.

Failed: Your #title should not be empty.

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

  • Failed: 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 descedant of #survey-form.

  • Failed: You should have an input element with an id of email.

  • Failed: Your #email should have a type of email.

  • Failed: Your #email should require input.

  • Failed: Your #email should be a descedant of #survey-form

  • Failed: You should have an input element with an id of number.

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

  • Failed: Your #number should have a type of number.

  • Failed: Your #number should have a min attribute with a numeric value.

Failed: Your #number should have a max attribute with a numeric value.

  • Your #name-label should be a descedant of #survey-form.

  • Failed: Your #email-label should be a descedant of #survey-form.

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

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

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

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

Failed: You should have a select field with an id of dropdown.
Your #dropdown should be a descendant of #survey-form.
You should have at least two radio buttons that are descendants of #survey-form.
All your radio buttons should have a value attribute and value

  • ou should have at least two input elements with a type of checkbox (checkboxes) that are descendants of #survey-form.

  • Failed: All your checkboxes inside #survey-form should have a value attribute and value.

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

  • Failed: You should have an input or button element with an id of submit.

  • Failed: Your #submit should have a type of submit.

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

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8"/>
    <title>free CodeCamp Survey Form</title>
     <link rel="stylesheet" href="styles.css" />
     </head>
     <body>
       <h1 id="free CodeCamp Survey Form">free CodeCamp Survey Form</h1>
       <p id="description">Thank you for taking the time to help us improve the platform</p>
      <form survey-form='https://survey-form.freecodecamp.org'>
       <fieldset>
         <label id="name-label"> Enter Your Full Name: <input type="text" name="full-name" placeholder="Enter Your Name"required /></label><br>
<!--Please check for the amount of names somehow-->        
          <label id="email-label">Enter Your Email: <input type="email" name="email" placeholder="Enter Your Email" required /></label><br>
<!--emails are an easy way to communicate with interested parties-->          
          <label id="number-label">Age (optional): <input type="number" name="age" min="13" max="120" placeholder="Age"/>
			  </label><br>
<!--age category will reveal various data points-->
    <label id="dropdown">Which option best describes your current status? <br>
      <select name="referrer">
            <option value="">(select one)</option>
            <option value="1">Student</option>
            <option value="2">Full Time Job</option>
            <option value="3">Full Time Learner</option>
            <option value="4">Prefer Not TO Say</option>
          <option value="5"> Other</option>
          </select>
        </label>
        </fieldset>
        <fieldset>
          <label>Would you recommend freecodecamp to a friend? <br>
          <label><input type="radio" name="account-type" class="inline" /> Definitely</label> <br>
        <label><input type="radio" name="account-type" class="inline" /> No</label> <br>
        <label><input type="radio" name="account-type" class="inline" /> Maybe </label>  
        </fieldset>
       <fieldset>
         <label> How can we improve FreeCodeCamp? (check all that apply) <br>
            <input type="checkbox" name="options" class="inline" value="1">Front-End Projects</input> <br>
            <input type="checkbox" name="options" class="inline" value="2">Back-End Projects</input> <br>
            <input type="checkbox" name="options" class="inline" value="3">Data Visualization</input> <br>
            <input type="checkbox" name="options" class="inline" value="4">Challenges</input><br>
            <input type="checkbox" name="options" class="inline" value="5">Open Source Community</input> <br>
            <input type="checkbox" name="options" class="inline" value="6">FreeCodeCamp Forum</input> <br>
            <input type="checkbox" name="options" class="inline" 
value="7">Youtube Videos</input><br>
           <input type="checkbox" name="options" class="inline"
value="8">In Person Meetings</input><br>
           <input type="checkbox"
name="options" class="inline"
value="9">Google Search</input><br> 
           <input type="checkbox"
name="options" class="inline"
value= "10">Additional Courses<input><br>          
          </label>
          </fieldset>
          <fieldset>
          <label>Any Comments or Suggestions!
            <textarea name="useful info" rows="3" cols="30" placeholder= "put your ideas here"></textarea>
          </label>
           </fieldset>
         <input type="submit"
          value="submit" />
          </form>
          </body>
          </html>




WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

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:
https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-survey-form-project/build-a-survey-form`Preformatted text`

My bet is “many small ones”, although I woudn’t say they are small :thinking:
You can take each case and fix it, and make sure that you understand correctly every term .

1 Like

Thank you. you are amazing.

1 Like

Hello,
I have a problem, because I solved this project which was confirmed by information attached on the photo.
Though after clicking “Submit and go to next challenge” I don’t see on my Curriculum this project completed (and no certificates…).
Could You help me? Of course, I can do it again (surely better and faster), but I would like do go ahead…

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