Survey Form - Build a Survey Form

Where is my CSS?
How did I generate so many errors when the result looks OK to me.
Please help.

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

  • Failed:Your #title should not be empty.

  • Failed:You should have a p element with an id of description.

  • Failed:Your #description should not be empty.

  • Failed: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.

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

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

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

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

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

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

  • Failed: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.

  • Failed:Your #dropdown should have at least two selectable (not disabled) option elements.

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

  • Passed:You should have at least two input elements with a type of radio (radio buttons).

  • Failed:You should have at least two radio buttons that are descendants of #survey-form.

  • Failed:All your radio buttons should have a value attribute and value.

  • Passed:All your radio buttons should have a name attribute and value.

  • Passed:Every radio button group should have at least 2 radio buttons.

  • Failed:You 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**
    
/* file: index.html */
<!DOCTYPE html>
<html>
<head>
  <title>Build a Survey form></title>
   <link rel="stylesheet" href="styles.css" />
   </head>
   <body>
     <h1 id="FreeCodeCamp Survey Form">FreeCodeCamp Survey Form</h1>
     <p id="interesting"> Survey reveals numbers not seen before</p>
    <form action ='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 is an easy 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>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>




/* 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/103.0.0.0 Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

why are you using ‘different id’ than it’s been provided in ‘instructions’?!

for example <h1 id="FreeCodeCamp Survey Form">FreeCodeCamp Survey Form</h1> here you’re using “FreeCodeCamp Survey Form” than “title”, and same thing is happening for all those other elements as well!!

address them as it’s been instructed then it should be fine

happy learning :slight_smile:

I did not understand what you stated. What is wrong with the coding of the “submit” button!!! Even that has generated an error!! Looks and works fine for me.

yeah, but that’s wrong, you cant have “space” while defining “class/id” names in html/css

and for this step, you have to use 'specified" ids

submit button is missing “id”

  1. Inside the form element, you are presented with a button with id of submit to submit all the inputs