Survey Form - Build a Survey Form

I am having troubles figuring out how my #name-label should contain text that describes the input.

Problem/question: Your #name-label should contain text that describes the input.
I don’t know what it means by that. Could someone help me?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<link rel="stylesheet" href="styles.css" />
  <title>Noob Survey</title>
  <body>
    <section>
      <form id="survey-form">
        <p><input type="radio" value="4" name="bob" checked >Are you over 13? Keep checked if yes.</p>
        <p><input type="radio" value="3" name="bob">No.</p>
    <label id="yes" class="title">
  <h1 id="title">Noob Survey</h1>
  </label>
  <p class="title" id="description"> This is a noob survey. </p>
      <fieldset class="set">
      <p class="title">What is your first and last name?<p>
       
    <input for="name" class="name"  id="name" type="text" placeholder="Put your name here." required >
    <input  class="email" id="email" type="email" placeholder="What is your email?" required> 
    <input id="number" class="number" type="number" min="13" max="120" placeholder="_"/>
    <h4 <input class="question2"/>What is your age? (13-120, go away 12 year olds and put in small box)</h4>
    <label class="name" id="name-label" ></label>
    <label class="email" id="email-label"></label>
    <label class="number" id="number-label"></label>
    <h4 <input class="question1" />Are noobs great?</h4>
    <select id="dropdown" <input class="option" id="option">
      <option>Select One</option>
      <option>Yes</option>
      <option>No</option>
      <option>Maybe</option>
      <option>Does that mean im nub?</option>
    </select>
    </fieldset>
    </section>
    <section>
     <p><input value="1" type="radio" name="bob" checked />I would like to recieve weekley noobs-letter</p>
     <p><input value="2" type="radio" name="bob">I would not.</p>
    </section>
    </form>
  </head>
  </body>
  















</html>

/* file: styles.css */
body{
  width: 100%;
  height: 100%;
background-color: #D0F02F
}
.title{
  text-align: center;
  font-family: sans-serif
}
.name, .email, .number{
  border-color: blue
}
.set{
  border-color: blue
}
.number{
  padding-top: 30px
}
.number{
  margin-left: 50px;
  margin-top: 30;
  height: 1%;
  width: 20%
  
}
.name{
  margin-left: 50;
}
.email{
  margin-top: 30px;
  margin-left: 50px;
}
.option{
  margin-left: 80;
  margin-top: 0 auto;
  margin-bottom: 30px
}
.question1{
  margin-left: 100px;
  font-family: sans-serif;
  
}
.question2{
  font-family: sans-serif;
  font-size: 13;
  margin-bottom: 0 auto
}
.radio1{
  font-family: sans-serif
}

Your browser information:

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

Challenge Information:

Survey Form - Build a Survey Form

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

Hi! Welcome to our forum.

This simply means giving the label element a text of your choice. You can assign it “Your Name” or “Name”… Whichever text you like…However, it should describe what the input has. Let’s take a case where the input is as follows…

<input type="password">

Here you can give the label the text “Enter your password” You see the text describes what we have in the input… a password.

like this?
<input type="name">

Not really, you should use a valid type attribute value. The input and the label go hand in hand.

<label><input type="password"> Enter Your Password</label>

The text “Enter Your Password” describes the input, and our input in this case is a password.

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