Survey Form project

Hello everyone, I have finished my projedt for the responsive web design project and i would like to submit it.
Does anyone know how to do it?

which project do you mean? (paste a link to the challenge page)

Hello, i mean this one https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-survey-form-project/build-a-survey-form

okay, have you put your html and css in the editors?
And click Run?

yes and it passes all the tests

okay that is good.
What else were you trying to do that wasn’t working?

even if my code passes the test it does not show up as completed. It jut lets me go back and edit the code

can you post your code so I can try it on my end?

sure. This is the html

<!DOCTYPE html>
<html lang="en">
<head>
  <link rel="stylesheet" href="styles.css"> 
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Survey Form</title>
</head>
<body>
  <h1 id="title"> Survey </h1>
  <p id="description">This is a survey form for students </p> 
  <div id="survey-form"> 
  <form id="survey-form">
    <input id="name" type="text" required placeholder="Your name">
    <label id="name-label"> Name </label>
    </input>
    <input id="email" type="email" required placeholder="Your email">
    <label id="email-label"> Email </label>
    </input>
    <input id="number" type="number" min="18" max="60" required placeholder="Your Age">
    <label id="number-label"> Age </label>
    </input>
  </form>   
    <p>What is your favorite feature of freeCodeCamp?</p>
 <select id="dropdown" name="dropdown" class="form-control" required>
  <option disabled selected value> Choose one</option>
  <option value="challenges">Challenges</option>
  <option value="projects">Projects</option>
  <option value="community">Community</option>
 </select>  
    <p>Would you recommend freeCodeCamp to a friend?</p>
    <label>
    <input name="user-recommend" value="definitely"
    type="radio" class="input-radio"checked/>Definitely</label>
    <label>
    <input name="user-recommend"        value="maybe" type="radio" class="input-radio"/>Maybe</label>
    <label>
    <input name="user-recommend"            value="not-sure" type="radio"           class="input-radio"/> Not sure</label>
    <input type="checkbox" value="attribute">
    New User
    </input>
    <input type="checkbox" value="attribute">
     Recurrent User
    </input>
    <p> Would you like to give us feedback? </p>
    <textarea> Add your comment here </textarea>
    <button id="submit" type="submit">
      Submit!
    </button>  
  </div> 
</body>
</html>

i am seeing an error right now with this index.html code

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

Do you see that when you click Run?

my form element does have an id of survey-form

Yes but it has two ids of the same name which is why you should be seeing this error?
(And why you cannot submit)
Hope you can see the error now?

i fixed it and still nothing happens after passing all the tests

Please repeat the process and share the new code again.

yeah i’m sorry. I reloaded the page and it did approve. Thank you for your help

1 Like