Responsive Web Design Project: Survey Form

I am stuck on " User Story #6: If I enter an email that is not formatted correctly, I will see an HTML5 validation error." and " User Story #8: If I enter non-numbers in the number input, I will see an HTML5 validation error." I can’t find the lesson(s) that addressed this, and looking it up just made me more confused. Any help would be much appreciated.
Here is the codepen link for my project:

You’ll want to put the FCC test utility back in your project so we can run it for ourselves.

Also, your form doesn’t have a submit button, so I’m not sure the FCC tests are going to work properly without that.

Please provide more details on what you are confused about. The FCC material may not have covered all the different types of <input>s but you should be able to find that information over the googles pretty easily. I googled “HTML input email” and the first two links gave me exactly what I needed. Same for “HTML numeric input”.

Hi @Aurora17 !

As mentioned, you need to keep the test suite in your code.
<script src=""></script>

A big part of these projects is to learn how to research. That is an important skill for a developer.

I would suggest researching the error message in google but also the forum.
Previous forum discussions on this project can help you.

For example, you can google this error message:
Email field should be HTML5 validated

The first result will lead you to MDN docs.
I feel like MDN docs will help you with a lot of your questions.

Be super careful here

  <h1 id="title">What are your opinions on the Constitution?</h1>

I wouldn’t use head tags here.
Head tags are supposed to only contain metadata.

Hope that helps!

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