Covid Survey Form feedback

Code Feedback
1

Hello again folks!
Finished up with my second project on Survey form.
https://codepen.io/abrax_abhie/pen/LYGpROX
Looking forward to hear a feedback.
Thanks in advance :smiley:

2

Form looks okay @abrax_abhie. Some things to revisit;

  • 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 HTML coding errors you should address. For instance, you never closed your dropdowns select element. That’s why it runs on to your radio buttons.
  • Whatever that “1” is right before the body element, get rid of it.
  • Don’t use <br> to force line breaks. That’s what CSS is for.
  • As an aside, the placeholder is meant to show the format the user is to enter into the input. It’s not meant to repeat what the label says.
3

Just a few things:

  • There should never be a horizontal scroll bar for this form.
  • As I narrow my browser not only do I get a scroll bar but the content is squished over to the right and eventually disappears off the right side of the page and I have to scroll over to get to it.
  • You are missing a <label> for the Male radio button
  • Those three radio buttons should probably be on a separate line and they should probably use a fieldset/legend to group them.
4

I don’t imagine this is the desired result on mobile:

Screenshot_20200615-174327
Screenshot_20200615-1743271440×2960 585 KB

I have to scroll sideways to get to the form.

5

Thank you for viewing and providing me with a feedback.
I’ll make sure the issues are fixed what i got to learn from you all.