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.