Game Survey Form Feedback

FCC Survey Form

I appreciate any feedback for my survey form. Quickly realized that writing up css without any clear design direction led to an excessive amount of code used.

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

  • Run your HTML code through the W3C validator.
    • There are HTML syntax/coding errors you should be aware of and address.
    • Since copy/paste from codepen you can ignore the first warning and first two errors.
  • Codepen provides validators for HTML, CSS and JS. Click on the chevron in the upper right of each section and then click on the respective ‘Analyze’ link.
    • The one for CSS is good. Use it and address the issue(s). (be wary of duplicating selectors. it can make maintenance a nightmare)
    • (The one for HTML misses things which is why I recommend W3C)

It’s a nit but Latin is a dead language and the placeholder text should contain the format the user is to enter so “e.g.” is not necessary.

Nicely done. Just a few suggestions:

  • Use a <fieldset> and <legend> for the checkbox and radio button groupings. Also, I would not put them in a list. There are other ways to format them using CSS (and you could add some helper <div>s if needed).
  • All <input>s, <select>s, and <textarea>s need a <label>.

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