Please help! Your #number-label should contain text that describes the input

HTML-CSS
1 
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Survey Form</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="UTF-8">
    <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 action="" id="survey-form">
      <div class="form-div">
      <label id="name-label">Name</label>
      <input type="text" id="name" name="name" placeholder="Enter your name" required>
      </div>
      <div class="form-div">
      <label id="email-label">Email</label>
      <input type="email" id="email" name="email" placeholder="Enter your email" required>
      </div>
      <div class="form-div">
      <label id="number-label"></label>Age (optional)
      <input type="number" min="10" max="80" id="number" name="Age" placeholder="Age" required>
      </div>
      <div class="form-div">
        <label id="dropdown-role">Which option best describes your current role?</label>

        <select id="dropdown" name="dropdown">
          <option value="">Select current role</option>
          <option value="1">Student</option>
          <option value="2">Full Time Job</option>
          <option value="3">Full Time Learner</option>
          <option value="4">Prefer not to say</option>
          <option value="5">Other</option>

        </select>
      </div>
      <div class="form-div">
        <label id="label-radio">Would you recommend freeCodeCamp to a friend?</label>
        
      </div>
      <div class="form-radio">
        <label id="definitely"><input type="radio" value="definitely" name="recommend">Definitely</label>

      </div>
      <div class="form-radio">
        <label id="maybe"><input type="radio" value="maybe" name="recommend">Maybe</label>

      </div>
      <div class="form-radio">
        <label id="notsure"><input type="radio" value="notsure" name="recommend">Not Sure</label>

      </div>
      
      <div class="form-div">
        <label id="dropdown-feature">What is your favorite feature of freeCodeCamp?</label>

        <select id="dropdown" name="dropdown-feature">
          <option value="">Select an option</option>
          <option value="1">Challenges</option>
          <option value="2">Projects</option>
          <option value="3">Community</option>
          <option value="4">Open Source</option>
          
        </select>
      </div>
      <div class="form-div">
            <label id="label-checkbox">What would you like to see improved? (Check all that apply)</label>
          </div>

          <div class="div-checkbox">
            <input type="checkbox" name="improvement" value="1"><label>Front-end Projects</label>
            
          </div>
          <div class="div-checkbox">
            <input type="checkbox" name="improvement" value="1">
            <label>Back-end Projects</label>
            
          </div>
          <div class="div-checkbox">
            <input type="checkbox" name="improvement" value="2">
            <label>Data Visualization</label>
            
          </div>
          <div class="div-checkbox">
            <input type="checkbox" name="improvement" value="3">
            <label>Challenges</label>
            
          </div>
          <div class="div-checkbox">
            <input type="checkbox" name="improvement" value="4">
            <label>Open Source Community</label>
            
          </div>
          <div class="div-checkbox">
            <input type="checkbox" name="improvement" value="5">
            <label>Gitter help rooms</label>
            
          </div>
          <div class="div-checkbox">
            <input type="checkbox" name="improvement" value="6">
            <label>Videos</label>
            
          </div>
          <div class="div-checkbox">
            <input type="checkbox" name="improvement" value="7">
            <label>City Meetups</label>
            
          </div>
          <div class="div-checkbox">
            <input type="checkbox" name="improvement" value="8">
            <label>Wiki</label>
            
          </div>
          <div class="div-checkbox">
            <input type="checkbox" name="improvement" value="9">
            <label>Forum</label>
            
          </div>

          </div>
          <div class="div-checkbox">
            <input type="checkbox" name="improvement" value="10">
            <label>Additional Courses</label>
            
          </div>
          </br>
            <div class="form-div">
              <label id="label-textarea">Any comments or suggestions?</label>
              <textarea name="suggestion" placeholder="Enter your comment here..." ></textarea>

            </div>
            <div class="form-div"><input id="submit" type="submit" value="Submit"></div>
    </form>
  </body>
  </html>
2

Your number label is missing a text that describes the input.
Just go through your code and you will find the omission.

3

You code is:
image
" Your #number-label should contain text that describes the input" .
The ‘label’ element should hold the text which is out of it in your code.

4

Thank you so much for your assistance.

2 Likes
5

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