Survey Project on Favorite Food Feedback

Code Feedback
1

I need some help in understanding what I’m doing wrong. When I run the tests for the Survey Project at https://codepen.io/RexRode/pen/JjdGJQZ, it tells me that I need to " For the name, email, and number input fields inside the form I can see corresponding labels that describe the purpose of each field with the following ids: id="name-label" , id="email-label" , and id="number-label" ." Here is my code.

<!DOCTYPE html>
<html lang="en" dir="ltr">
<main id="main">
<h1 id="title">Favorite Foods</h1>
<p id="description">What one likes to eat</p>
    <label id="name-label" for="name">Name</label> <form id="survey-form">
        <input
        type="text"
        name="name"
        id="name"
        class="form-control"
        placeholder="Enter your name"
        required
      />
     <label id="email-label" for="email">Email</label>
        <input
      type="email"
      name="email"
      id="email"
      class="form-control"
      placeholder="E-mail"
      required
    >
        <label id="number-label" for="email">Age<input
      type="number"
      name="number"
      id="number"
      class="form-control"
      placeholder="Age"
      min="10"
      max="99"
      required
    >
  </form>
      
      
      <script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
  </main>


</html>

What am I doing wrong? I am open to suggestions and feedback.

2

The problem is that your first label isn’t inside your <form> element. Move it inside, just about its corresponding input, and it passes the test.

1 Like