Survey Form - Build a Survey Form

Tell us what’s happening:
Describe your issue in detail here.
So I’m currently creating my own code and well I have these like 6 tests that won’t accept but when I change it to what it wants, it will say that now those and other tests won’t run and they are along the same things.

So the tests are
You should have a label element with an id of name-label, number-label, and email-label

when I add them they don’t take them and then they change

Your #email should have a type of email: to it now being wrong

(ignore my CSS it looks like a mess haha, and if my survey questions seem a bit personal I’m making a spoof one)

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang='en'>
  <meta charset='utf-8'/>
  <title>Survey Form</title>
  <link rel='stylesheet' href='styles.css'/>
    <h1 id='title'>Survey</h1>
    <p id='description'>Thank you for taking your time to do my survey.</p>
    <form id='survey-form'>
     <fieldset class='basic'>
       <p id='description'>Getting to Know You</p>
      <label for='name'>Full Name</label>
      <input id='name' type='text' name='name' class='box' placeholder='Enter your Name' required>
      <label for='email'>Email</label>
      <input id='email' type='email' name='email' class='box' placeholder='Enter your Email'required>
      <label for='number'><div class='font-size 1'>Age</div> <div class='font-size2'>(optional)</label> 
      <input id='number' type='number' min='13' max='200' name='age' class='box' placeholder='Age' required>
      <label for='employment'>Employment</label> 
      <select id='employment' name='employment' class='box' required>
        <option value=''>Select one</option>
        <option value='1'>Full-time Employee</option>
        <option value='2'>Part-time Employee</option>
        <option value='3'>Student</option>
        <option value='4'>Unemployed</option>
     <fieldset class='questions'>
       <p id='description'>Questionaire</p>
       <label for='favorite-color'>What is your favorite color?</label>
       <input id='favorite-color'>
/* file: styles.css */
h1, p {
text-align: center;
margin: 1.5em .5em .5em .5em;
color: rgb(195,195,195)

.font-size {
font-size: 20px 

.font-size2 {
font-size: 12px

.font-size2, .font-size {
display: inline;

body {
font-family: Georgia;
background-color: #1b1b32;
Color:  rgb(195,195,195)

form {
width: 60vw;
max-width: 500px;
min-width: 300px;
margin: 0 auto;
padding-bottom: 2em;

.basic {
border: none;
border-bottom: 5px solid ;


.questions {
border: none;
border-bottom: 4px solid ;

width: 525px;
vertical-align: middle;
min-height: 2em

label {
font-size: 20px; 

fieldset {
 margin: 0 auto;
 display: block;
 padding: 2rem

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:104.0) Gecko/20100101 Firefox/104.0

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

i think focusing on one issue at a time is probably a good idea.
Maybe starting with the topmost one. I’ll take a look and comment further if I have any ideas for you.

After copying your code to the test area, the top-most error received was:

You should have a label element with an id of name-label .

To fix it I just added the requested id as follows:
<label for='name' id="name-label">Full Name</label>

Then I just kept fixing the errors, one by one. And they all got checked so far. I went down to the one about adding 2 radio buttons.

So just do that. Fix one issue at a time.

Thank you so much haha. i add the id’s and then they just don’t take them. i feel like i messed up a bit somewhere.

try the suggestion in my edited post above. Hopefully it will help you move on.

yea! thats what i was missin! thank you! i forgot the for=''

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