Survey Form - Build a Survey Form

Tell us what’s happening:
After inputting the code, I get the error “Your #number-label should contain text that describes the input.”, I already gave the input the placeholder insert your age. What’s wrong?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>P4P Rankings</title>
  <link rel="stylesheet" href="styles.css">
</head>
 <body>
   <h1 id="title">BeyondKick.com Rankings</h1>
   <p id="description">This survey is dedicated to users of BeyondKick.com, here you will be able to voice your opinions regarding the website's functionality, as well as the content displayed in it, which may include P4P rankings, event schedules, professional articles, and such.</p>
   <form id="survey-form">    
     <fieldset>
       <label id="name-label" for="name">
         <input id="name" type="text" placeholder="Insert your username" required />
       </label>
       
       <label id="email-label" for="email">
         <input id="email" type="email" placeholder="Insert your email" required />
       </label>

       <label id="number-label" for="number">
         <input id="number" min="12" max="120" type="number" placeholder="Insert your age" required />
       </label>
     </fieldset>
  <fieldset>
     <label for="select">How did you hear about us?
      <select id="dropdown" name="marketing">
        <option value="">Select.</option>
        <option value="1">Twitter.com</option>
        <option value="2">Disboard.org</option>
        <option value="3">TheFightSite.com</option>
        <option value="4">Friends</option>
      </select>
  </fieldset>
  <fieldset>
    <label for="radio1">Main options
        <input id="radioM" type="radio" value="1" name="radio1">Male</input>
        <input id="radioF" type="radio" value="2" name="radio1">Female</input>
    </label>
    
    <label for="radio2">
        <input id="radioW" type="radio" value="3" name="radio2">White</input>
        <input id="radioB" type="radio" value="4" name="radio2">Black</input>
    </label>
  </fieldset>
    <fieldset>
      <input id="checkbox" type="checkbox" value="1">North America</input>
      <input id="checkbox" type="checkbox" value="2">South America</input>
      <input id="checkbox" type="checkbox" value="3">Europe</input>
      <input id="checkbox" type="checkbox" value="4">Asia</input>
      <input id="checkbox" type="checkbox" value="5">Oceania</input>
      <input id="checkbox" type="checkbox" value="6">Africa</input>
    </fieldset>
     <label>   
       <fieldset>   
         <textarea placeholder="Additional Comments"></textarea>

         <input id="submit" type="submit" name="submit">
       </fieldset>
     </label>   
   </form>  
 </body>
/* file: styles.css */
body {
  width: 100%;
  height: 100vh;
  margin: 0 5;
  background-color: #aa3a3a;
  font-size: 18px;
}

select {
  margin: 5 0;
}

input[type=submit] {
  display: block;
  background-color: #3b3b4f;
  color: white;
  border: 2em auto;
}

input[type="number"] {
  width: 15%;
}

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

for number i think it’s large “Insert your age” instead of this you should set this “Age”.

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