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
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.
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
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!
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
Thanks everyone for the feedback and sugestions