Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

This is the certification project and I got everything right except this task:

  • Failed:Your #name-label should contain text that describes the input.

  • Failed:Your #email-label should contain text that describes the input.

  • Failed:Your #number-label should contain text that describes the input.

can someone explain what I have to do? I tried everything I know till now and can’t really think of a solution.
thank you in advance!

Your code so far

<!-- file: index.html -->
<html>
  <head>
  <link rel="stylesheet" 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">
  <p>Name</p>
  <label id="name-label" name="Name"></label><input id="name" type="text" required placeholder="Enter your Name"></input>
<p>Email</p><label id="email-label" purpose="email"></label><input id="email" type="email" required placeholder="Enter your Email" ></input>
<p>Age (optional)</p><label id="number-label"></label> <input id="number" type="number" min="13" max="120" placeholder="Age"></input>
<select id="dropdown">
  <option>one</option>
  <option>two</option><br>
<input type="radio" value="button" name="button">
<input type="radio" value="button" name="button"><br>
<input type="checkbox" value="button">
<input type="checkbox" value="button"><br>
<textarea>Thank You really much for filling in this Form!</textarea><br>
<button type="submit" id="submit">Submit</button>
</form>
</body>
</html>

/* file: styles.css */
body {
  width: 100%;
  height: 100vh;
  margin: 0;
  background-color: #1b1b32;
  color: #f5f6f7;
  font-family: Tahoma;
  font-size: 16px;
}
h1 {
  margin: 1em auto;
  text-align: center;
}
form {
  width: 60vw;
  max-width: 500px;
  min-width: 300px;
  margin: 0 auto;
  padding-bottom: 2em;
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.6.1 Safari/605.1.15

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

Your #name-label:

<label id="name-label" name="Name"></label>

I don’t see any text in that label.

3

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