Night Out Survey Form Feedback please

Code Feedback
1

Hi everyone I just finish my First Survey form , to be honest, is take me like 3 hours because is the first one but I think is pretty good I know I got a problem with the submit button can you tell me your opinion

2

Not bad at all. First recommendation, use a far more generic data for placeholders. This should be something to prompt the user to enter something, so “Your Name Here” or “Email (required)” might be a more useful placeholder text.

3

You have a full background image and not limit it just to the top banner. Use background-attachment: fixed with a 100% width and height background image

I would suggest look at other form pages and see how they organized the questions and how they are aligned, gaps, etc.

Notes

Please hit the reply button or I do not get notified.

Helpful tools–> https://codepen.io/Mike-was-here123/post/check-out-these-sites

4

Hi Laurix, it looks very nice in my opinion. I have a suggestion though which i believe is a constructive one:
the submit button is too big and it seems to get out a little in the bottom. Please consider a much common button design.
Otherwise is one of the most “looking good” survey i have ever seen.
Keep up with the good work!

5

Please see that your for attributes in labels must be equal to the id of the corresponding input/select/textarea etc and they are case sensitive. Eg:

        <label id="name-label" for="Name">Full Name: </label>
        <input id="name" type="text" name="Name" placeholder="Kevin Hart " size="15" maxlength="30" required><br />

        <label id="number-label" for="age">Age? </label>
        <input id="number" type="number" name="age" placeholder="25" required="required" min="16" max="80"><br>

should be like:

        <label id="name-label" for="name">Full Name: </label>
        <input id="name" type="text" name="Name" placeholder="Kevin Hart " size="15" maxlength="30" required><br />
        <label id="number-label" for="age">Age? </label>
        <input id="age" type="number" name="age" placeholder="25" required="required" min="16" max="80"><br>

Also try to make the page responsive. Happy coding

6

Thanks everyone for the feedback and sugestions :smiley: