Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:I get this error message: * 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

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.

<!doctype>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>freeCodeCamp Survey Form</title>
    <link rel="stylesheets" 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" method="post" action='https://survey-form.freecodecamp.rocks'>
        <fieldset>
          <!--Input name -->
          <label for="name">Name <input id="name" name="name" type="text" placeholder="Name here" required/></label>
          <label id="name-label" > This is the name label.</label>
          <!-- Input email -->
          <label for="email">Email <input id="email" name="email" type="email" placeholder="E@mail.com" required /></label>
          <label id="email-label">This is the email label.</label>
          <!-- Input age (years) -->
          <label for="age">Age (optional) <input id="number" name"age" type="number" min="13" max="1000" placeholder="Ex. 86" </label>
          <label id="number-label">This is the number label.</label>
        </fieldset>
          <label for="role">Which option best describes your current role? <select id="dropdown" name="role">
              <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><legend>Would you recommend freeCodeCamp to a friend ? </legend>
            <label for="Definitly" >Definitly<input name="recommendation" type="radio" value="6" checked /></label>
            <label for="Maybe" >Maybe<input name="recommendation" type="radio" value="7" /></label>
            <label for="Not sure" >Not sure<input name="recommendation" type="radio" value="8" /></label>
            <label for="No" >No<input name="recommendation" type="radio" value="9" /></label>
        </fieldset>
        <label for="What is your favorite feature of freeCodeCamp?">What is your favorite feature of freeCodeCamp?<select id="feature" name="feature">
            <option value="">Select an option</option>
            <option value="10">Challenges</option>
            <option value="12">Projects</option>
            <option value="13">Community</option>
            <option value="14">Open Source</option>
          </select></label>
        <fieldset required>
          <legend>What would you like to see improved? (Check all that apply)</legend>
          <label for="Front-end Projects" ><input id="Front-end Projects" name="Front-end Projects" type="checkbox" value="15" />Front-end Projects</label>
          <label for="Back-end Projects" ><input id="Back-end Projects" name="Back-end Projects" type="checkbox" value="16" />Back-end Projects</label>
          <label for="Data Visualization" ><input id="Data Visualization" name="Data Visualization" type="checkbox" value="17" />Data Visualization</label>
          <label for="Challenges" ><input id="Challenges" name="Challenges" type="checkbox" value="18" />Challenges</label>
          <label for="Open Source Community" ><input id="Open Source Community" name="Open Source Community" type="checkbox" value="19" />Open Source Community</label>
          <label for="Gitter Help Rooms" ><input id="Gitter Help Rooms" name="Gitter Help Rooms" type="checkbox" value="20" />Gitter Help Rooms</label>
          <label for="Videos" ><input id="Videos" name="Videos" type="checkbox" value="21" />Videos</label>
          <label for="City Meetups" ><input id="City Meetups" name="City Meetups" type="checkbox" value="22" />City Meetups</label>
          <label for="Wiki" ><input id="Wiki" name="Wiki" type="checkbox" value="23" />Wiki</label>
          <label for="Forum" ><input id="Forum" name="Forum" type="checkbox" value="24" />Forum</label>
          <label for="Additional Courses" ><input id="Additional Courses" name="Additional Courses" type="checkbox" value="25" />Additional Courses</label>
        </fieldset>
        <label for="Any comments or suggestions?" >Any comments or suggestions? <textarea></textarea></label>
        <input name="button" type="submit" id="sumbit" value="Submit" class="survey-form" />
      </form>
  </body>

Your browser information:

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

Challenge Information:

Survey Form - Build a Survey Form

I have figured out how to solve every other challenge but these last three stump me.

1 Like
2

There is a typo in your code id="submit" .
Good luck.

1 Like
3

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