Multistep Form

Hero/Intro section: Interactive elements

Features

  • Multi-Step
  • Back and Next buttons
  • Slightly customized radio and checkbox inputs (size increase, added outline)
  • Prompt to fill in the missing required fields, before moving to the next step
  • Form fields
    • First Name *
    • Last Name *
    • Email *
    • Message Subject
    • Message *
    • Any encouraging words? Or constructive feedback?
    • A color you like?
    • Which mode do you prefer? (Light/Dark)
    • Do you like my custom selects?
    • GDPR consent
Github

Contact Form

Contact Form Part 1 / 3
Basic Details

This contact form is split into three steps for demonstration purposes. Don't worry, it's not too long.