#2 Project- Survey Form

This is my second project, thanks for te feedback!


Great start Cecilia.

I would encourage you to add the <style> block inside of the <head> element instead of at the end of the <body>.

Also I would add a bit more spacing between the input elements, especially the checkboxes and radio button labels.

thank you ver much! I saw the whole thing was wrong, and cried lika a child!

1 Like

Happy to help. Don’t be discouraged, this is a great start and I can’t wait to see what you make next.

You need to revisit this one @macondo78.

  • Your page passes 13/17 user stories.
    • Click on the red button to see which tests failed and a description of why
  • A form contains form elements such as input areas, radio buttons, checkboxes, submit buttons. You don’t wrap each of these elements into their own form.
    • This may help give you a little more info on what makes up a form;


or this one


One a side note. Don’t use <br> to force line breaks or spacing. Use CSS.

Thanks a lot! I did it all over again: https://codepen.io/Ceci0912/full/yLYvvgx, an it passes!

It’s looking better @macondo78 . Some things to revisit;

  • <html5> is not a valid tag. This, <!DOCTYPE html>, is what informs the browser that the version of the markup language is HTML 5.
    • That being said, when using codepen it only expects the code you’d put within the <body> </body> element in HTML. (No need to include the body tags). For anything you want to add to <head> click on the ‘Settings’ button, then HTML and add it into the ‘Stuff for <head>’ box.
    • The link to your font would go in the box labeled ‘Stuff for <head>’
  • The textarea is in it’s own form element. It shouldn’t be. The form elements on your page should all be in one form element.
  • Users should be able to click on the labels to select. Not just the radio buttons and checkboxes.
  • Don’t use <br> to force line breaks.
  • Change the cursor to a pointer when hovering over the submit button.
  • Run your HTML code through the W3C validator.
    • Since copy/paste from codepen you can ignore the first warning and first two errors.
    • There are coding errors you need to address.
  • On a side note, when specifying font-families you should follow the rules. For instance it should be font-family: 'Open Sans', sans-serif;
    • Some browsers are forgiving, some are not.