Survey Form Plz Help

HTML-CSS
1

Hello,

I am stuck on creating the survey form, and I have 5 errors to fix before I pass it. Suggestions on how to fix it? Also I know my page is messy, sorrrrry!

#4. Inside the form element, I am required to enter my name in a field with id=“name”. If I do not enter a name I will see an HTML5 validation error.

#5. Inside the form element, I am required to enter an email in a field with id=“email”. If I do not enter an email I will see an HTML5 validation error.

6. If I enter an email that is not formatted correctly, I will see an HTML5 validation error.

#9. If I enter numbers outside the range of the number input, I will see an HTML5 validation error.’

11. For the name, email, and number input fields, I can see placeholder text that gives me a description or instructions for each field.’

2

@bleepboop, when a test fails click the red button to see which test(s) are failing and text to help you correct the issue.
Be sure and read more than just the first line of the failing message. The ability to read and comprehend error messages is a skill you’ll need to acquire as a developer. Ask questions on what you don’t understand.

For instance the first full error message says;

Inside the form element, I am required to enter my name in a field with id="name". If I do not enter a name I will see an HTML5 validation error.
There should be an input text field with id="name" : expected null to not equal null
AssertionError: There should be an input text field with id="name" : expected null to not equal null

Do you understand what the test is looking for and why it is failing?

Do the same for the other errors. Read more than just the first line.

Hope that helps.

EDIT: I just noticed you have <style> </style> tags in codepen’s CSS editor. These tags are HTML tags and would not appear in a CSS stylesheet.
Get rid of them. They will cause problems.

Also noticed you are confusing the head element and the header element. In the HTML editor codepen only expects the code you’d place between the body tags.
Review this for an understanding of the HTML boilerplate tags.

3

Thank you so much Roma!

4

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