Survey Form Project (Need Feedback)

Hello,
Here is my second project, the survey form https://codepen.io/adiglase/full/vqjopW.
Feel free to leave me a feedback!

Wow! I have never seen such a creative survey form before!
I would suggest you disable the buttons until the stuff is filled out properly.
I would also suggest you add animation to the form. When the next button is pressed, the form should slide down.
All your styles and colors are really nice.

Happy coding and good luck for your next project!

thank you for your feedback!
i only use html and css for this project, because that’s all i know. i don’t know how to disable the button until the stuff is filled with only html and css

@adiglase, some things to revisit;

  • codepen provides validators for HTML, CSS and JS. Click on the down arrow in the upper right of each section and then click on the respective ‘Analyze’ link. You have multiple instances of id's. They can be used only once.
  • the font on your Submit button doesn’t flow with everything else. Make it the size like ‘Take the Survey’
  • change the cursor to a pointer when hovering over the Submit button

do it like this:

  1. If you know jquery, allow the browser to use it and then write $("button").attr("disabled", true);
  2. If you want to do it with html, write this:
    <button class = "..." id = "..." disabled></button>