Survey form feedback -Dyoung

Code Feedback
1

Hello! Ive finally completed my survey form after a few days of struggling with the styling please look over my work and provide feedback thank you!

https://codepen.io/deroy-young/pen/qBrqBBz

Ps. I do know the Jquery code isn’t working as it should it I spent a 2 days trying to figure it out online but since I have really spent alot of time on jquery I haven’t figured it out yet but that will be fixed in the future.

2

i think the page looks nice. i don’t know if this will help with the code issue since i’m not really a web dev, but if it helps here’s a link to a code validator The W3C Markup Validation Service.

from a purely aesthetic viewpoint, though, i’d recommend adding some contrast in the website’s color palette. for example, maybe change the color of the questions to pop more against the background and make the submit button stand out more.
overall, though, the page is nice. i hope this helps

3

Thank you for the feedback much appreciated. The styling has been the hardest part for me. I cant seem to pick a good color theme, but I`ll see what else I can do. As far as the code goes its an issue with the jquery code so the w3c validator wouldn’t find and issue but I did validate the html css and jquery and it didn’t come back with any errors.

1 Like
4

It looks good, I like it.

  • The project is not passint this test:
  1. Inside the form element, I can select a field from one or more groups of radio buttons. Each group should be grouped using the name attribute. Each radio button must have a value attribute.

  • I think the placeholder text should show an example of the input text, and not a description.

  • This is a good colour theme generator that you can use in future projects: https://coolors.co/

5

Thank you for catching that I thought I fixed it but I guess not, all set now.

1 Like
6

Your form looks good @deroy2459. Some things to revisit;

  • Codepen provides the boilerplate for you. It only expects the code you’d put within the body element in the HTML editor. (No need to include the body tags). For anything you want to add to the <head> element click on the ‘Settings’ button, then HTML and add it into the ‘Stuff for <head>’ box.
  • Do not use internal styling. Keep all your styling external.
  • Depending on the make chosen the radio buttons alignment is a little difficult to read on smaller screens.

I think it’s odd that a one year old would have a fav super car and take a survey. :slight_smile:

7

Haha that was just to fill in space. Thank you for the feed back i changed the code to that the radio buttons display in a column.

8

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