Struggling with the test for my survey form

Hello,

I’ve been working on my survey form for some time now (maybe 35-40 hours) . It was very slow going to start but something finally clicked and I got it done to a point I was happy with it yesterday afternoon. However when I went to run the tests I only go about half of them correct. So after trying everything I could think of for another 5-6 hours last night and another short try this morning the only thing I can do is ask for some input.

I feel like I must be missing something elemetry with my use of the “id” or “form” tag. any help as to why I am unable to meet the requirements would be very helpful. Also I do realize that at this point I most likely have way too many extra “for” and “name” and " id" tags, the trouble is I don’t know which ones are the extra ones.

Thank you for any help on learning what I’m doing wrong. Also any tips you might have noticed I could benefit from just in general.

You can see which tests are passing and failing by actually clicking on the test results.

Screen Shot 2021-01-17 at 11.45.55 AM
Click on: Tests 4/16


And you should see this

Thank you for your reply. I have been trying to meet the requirements listed in that window(well the one for a survey form) and it keeps telling me I’m missing “id” elements for almost everything. But from what I can tell I have way too many.

" 10. For the name, email, and number input fields inside the form I can see corresponding labels that describe the purpose of each field with the following ids: id=“name-label”, id=“email-label”, and id=“number-label”."

This is one of the ones I keep failing but I believe I have all of those tags. I must be wrong but I can’t figure out why or how to fix it.

take for example this one :

<label class="check-box">
  <input
    type="checkbox"
    value="Gliter"
    id="gliter"
  >
   Gliter <!--here-->
  </input>
</label>

the label element is empty, you did put the test inside the input element instead.

Hi @rbrazell1!

The main issue is that you have created multiple form elements which is confusing the test.

For example.

 <form>
  <textarea
    placeholder="...anything we might have missed"
    id="comments"
    name="comment"
    class="comment-box"
  ></textarea>
   </form>

and here

  <form id="submit" >
  <button
    value="submit"
    type="submit"
    id="submit">Submit
  </button>
  </form>

It looks like a created a form for almost each input.

You only need to create one form and place all of the inputs inside that one form.

Also be careful here. Inputs are self closing tags.

<input
    type="radio"
    value="youtube"
    id="youtube"
    name="YouTube">
    </input>

There are a few times you have end tags for inputs but that is not valid html.

Hope that helps!

1 Like

Oh yes that does help. Thank you so very much. I think the input tags are what I did wrong from the beginning.

Ok thank you. I’ll move them back to the label tag.