Survey form, feedback appreciated

Survey form, feedback appreciated
0.0 0

#1

I finally finished the survey form. Despite the simple layout it took ages to style. Any feedback and suggestions appreciated,
Page: https://ozmos.github.io/survey-form/
code: https://github.com/ozmos/survey-form


#2

Looks very good. Layout is functional and working. good.

Some small issues, first is about radio and checkbox buttons, they have no any label associated to them, please fix. checkbox buttons have labels, but broken. all refer to one checkbox, fix.

You used placeholder for text fields, but used default value for textarea. use same palceholder for textarea, and remember to not leave anything(even new line_ between open and close tag of textarea.

This also maybe better to make elements a little bigger for mobile view, even for desktop could be good. example adding padding for text fields.

Having a default non selectable option for combobox could be good thing, add it.

Also have a read on my survey form challenge walkthrough post which included all of these suggestion there with more explanations and samples.

Keep goin on great work, like to see some update and good progress soon. happy programming


#3

Thanks for the suggestions. I’ll have a look today. I stumbled across your article last night and had a quick read, some good suggestions in there.


#4

Very good.
I’m sure someone has already commented about this … but. Clicking the submit button should also clear the comments field.

Other then that , great job!!!


#5

The only thing I noticed was if I shrink the browser width, at some point the input fields go below, but the one shown below starts below, then jumps back to the line.

image

Ultimately, it should look like below instead.

image


#6

Thanks , I’ll have a look at that


#7

Good spotting. I’ll fix that too.


#8

And I really thought I was finally finished with this challenge :sweat:


#9

Actually, your project is very good. I was only pointing out a very small issue. Some may say that it is a non-issue.


#10

No problem, it was an easy fix and looks more professional now.


#11

All changes live now. Thanks for all the suggestions, it’s those small details that make the difference.


#12

great work, keep up the good work