Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
its says Your #name-label should contain text that describes the input
Your code so far

<!-- file: index.html -->
<h1 id="title">Survey Form</h1>
<p id="description">Thank you for helping us improve!</p>
<form id="survey-form"><label id="name-label"></label>Name: <input required id="name" type="text" placeholder="Enter your name"></form>
<form id="survey-form"><label id="email-label"></label>Email: <input required id="email" type="email" placeholder="Enter your email"></form>
<form id="survey-form"><label id="number-label"></label>Age: <input id="number" type="number" min="8" max="40" placeholder="Age"/></form>
<form id="survey-form">
  <select id="dropdown">
  <option>Student</option>
  <option>Full time job</option>
  </select>
  </form>
  <form id="survey-form">
    <input type="radio" value="yes" name="answer">
     <input type="radio" value="no" name="answer">
    </form>
    <form id="survey-form">
      <input type="checkbox" value="challenges">
      <input type="checkbox" value="community">
      </form>
      <form id="survey-form">
        <textarea></textarea>
        </form>
        <form id="survey-form">
        <input id="submit" type="submit">
        </form>
        <link rel="stylesheet" href="styles.css">

/* file: styles.css */

Your browser information:

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

In code there is a typo error.
image
You have to nest Text in label element.
for example;
<label for="#">text</label>

3

Hello!
Just move the Name: Email: and Age: to be after the name-label, email-label and number-label, instead of where they are currently located.

It will let you pass.

Happy coding! :slight_smile:

4

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