Binary Appreciation Survey
Welcome to the Binary Appreciation Survey. This form was created to fulfill a Free Code Camp challenge.
Click or tap this sentence to read more about this
The challenge itself was simple, and could have passed without any styling. Nor does it functionally post the data anywhere. However, there was an encouragement to “Give it your own personal style.”
…I couldn't help myself. I gave myself some challenges; a form themed on Binary.
- The criteria:
- Only code to the level of Free Code Camp courses I have completed (i.e. no scripts)
- Should look like a 1980's terminal
- Only 2 colours are allowed
- Non-html5 validation errors should appear as if in the terminal
- Required field signifiers should appear as if in terminal
- Inputs should be fully styled to fit the theme
- Binary theme should be all or nothing (because: binary)
- Form must be accessable
- Form must be responsive
- No external libraries; this is a learning exercise
I think I have succeeded in most of these: I'm not sure the number input is fully accessable, and there's a horizontal scroll on mobiles to fix (eventually).
But I am calling this completed. I've learned a lot about styling forms and how they are rendered. Which is (un)surprisingly complicated, messy, and full of backwards-compatability issues and assumptions about user-expectations. I imagine user expectations will only shift the more designers and web devs use javascript and hacky CSS to customise things.
Please note, no data is submitted in this form.
form key:
- |REQ = Required field
- |ERR = Input Error