Bernard's Portfolio
Home
My Work
Pixel Art
Landing Page
Tech. Doc. Page
Survey Form
Tribute Page
Contact Me
Survey Form
See Code
HTML | CSS | JS
Why I built this.
This project was the second project in the responsive web design certification path at FreeCodeCamp.org.
I was challenged to build a survey form with HTML5 validation and full responsiveness using HTML, CSS, and Javascript.
My survey inquires about video games. I love video games for their fun factor, aesthetics, and technical brilliance.
In 2018, several record breaking titles were released and my survey allows the user to pick one of five games as their "GOTY" 2018.
What I learned.
Using the label element is a great way to make your forms accessible to those who use screen readers to view your site.
Form input can be validated using the "required" attribute in HTML5.
Javascript enables you to add event listeners to your site, which makes it more dynamic and user friendly.
For example, clicking the submit button triggers an alert to popup thanking the user for completing the survey.
Form Validation & Accessibility