This is my first attempt at a survey form and i’m sure its not the very cleanest the code would be. What suggests would you give to me to make this page either more aesthetic or the code more organized & clean? Thanks!
Survey form: https://codepen.io/daniel-albano/pen/mdbPPdy
Every time you create a form you should test it. Meaning click on everything and and make sure it works. Each label should highlight it’s respective input.
Don’t put a div
inside an li
. You didn’t close these div
s either.
A label
inside an li
must close before the li
.
You appear to want to style this like a paper form with everything along a left margin. Move the check boxes over as well. Or you could put them in even columns.
Form psychology:
Make sure all your form elements and inside the one with the blue background.
You have a habit of not closing your elements properly
Make sure that text is always in a text element.
Don’t put br
s in a label