Session
Building Super-Powered Forms For the Web (workshop)
Forms are foundational for almost every website you interact with today. So shouldn’t we invest in building the best forms we can?
I spent several years studying everything about forms that I could. Now, I want to show you how to use modern techniques to build forms with super powers.
Things you'll learn:
- The perfect markup for semantic, accessible inputs
- CSS-only UX improvements that no longer need JS
- Custom input validation without a library
- Using JavaScript to improve accessibility
- Submitting forms without a full page reload
- Adding retry logic on failed submissions
- Preventing data-loss from reloads or navigation
- Avoiding race-conditions on multiple requests
- Building forms that work even when JavaScript fails
- Ways we can improve server-side APIs
We'll be doing everything from scratch and cover several examples and look at both the frontend and backend considerations, all while focusing on:
- Semantics
- Accessibility
- Design
- User experience
- Progressive Enhancement

Austin Gil
Developer Advocate & Cool Dude at Akamai
Portland, Oregon, United States