Survey Form - Build a Survey Form

Tell us what’s happening:

The run the test button is not working for this part of the curriculum i have posted my code so it can be validated by someone. all the other tests ran fine for every other section. i have disabled popup blockers. and i have tried on several browsers yet the issue persists with being unable to submit the tests .

i can see the output in the console but none of the icons are updating with green ticks or red x’s like it should

the output in the console is telling me the inputs are wrong, yet when i check the code there right im so confused.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<meta lang="en">
<head>
  <title>Survey Form</title>
  <link rel="stylesheet" href="styles.css" type="text/css">
</head>
<body>
  <h1 id="title">Survey From</h1>
  <p id="description">a simple survey form</p>
  <form id="survey-form" method="POST">
    <legend>Personal Details</legend>
    <fieldset id="personal-details">
      <label for="name-label">Name:
<input id="name-label" type="text" placeholder="first name"></label>
<label for="email-label">Email:
<input id="email-label" type="email" placeholder="email"></label>
<label for="number-label">Age:
<input id="number-label" type="number" placeholder="age(years)" min="13" max="120"></label>
</fieldset>

<fieldset>
  <legend>Please select your current experience level</legend>
    <select>
      <option>(please choose)</option>
      <option>Beginner</option>
      <option>intermediate</option>
      <option>professional</option>
      <option>Expert</option>

      </select>
  </fieldset>
<fieldset>
  <legend>Please select your sex</legend>
  <label for="man">Male: <input type="radio" name="man"></label>
  <label for="women">Female: <input type="radio" name="women"></label>

  </fieldset>

  <fieldset>
    <legend>Please Select your skills</legend>
    <label for="html">HTML<input type="checkbox" id="html" value="html"></label>
    <label for="css">CSS<inpu type="checkbox" id="css" value="css"></label>
    <label for="javascript">JavaScript<input type="checkbox" id="javascript" value="javascript"></label>
    <label for="php">PHP<input type="checkbox" id="PHP" value="php"></label>

    </fieldset>
    <fieldset>
          <legend>Please write any additional comments</legend>
          <textarea rows="3" cols="30"></textarea>
      </fieldset>
      <input type="submit" id="submit" value="Submit">
    </form>
  </body>
  </html>
/* file: styles.css */
body {
  background-color:black;
}
form {
  display:inline-block;
  padding:5px;
}
input {
  padding:5px;
  margin: 5px 5px 5px 5px;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36

Challenge Information:

Survey Form - Build a Survey Form

You have made many mistakes. Check the HTML code for yourself:

no i have not, the inputs currently in the HTML are the ones they tell you to use when writing the code out…yet when you get to the end and compare that to the console output its telling you different ids to the original ones it told you to use… it seems people have just been changing the IDS to match the console output when its wrong in the first place… this needs to be addressed by staff as the tutorial is incorrect and misleading. which is not helpful to new developers.

Hi @jeffries839

I believe @DobarBREND maybe correct.

As an example, the id for the name input element should be name not name-label.

image

Slow down, take a breath, then read the instructions in conjunction with the tests. Or do as others, including myself, read the instructions, code, test, then modify code to pass the tests.