BoA Sign-Up, Re-Coded

At SXSW and WebVisions 2009, I presented on a panel about designing better Web forms. The Bank of America Web site was used as an example of great user experiences with forms, but not so great coding. I took part of the BoA sign-up form and combined it with PayPal's standard CSS for forms, plus added interactivity in a progressively enhancing manner with JavaScript, in order to demonstrate that Web forms can be coded beautifully, too! Because my presentation was a demo and walk-through of the code, you'll have to view source to get the full picture. Be sure to disable CSS, disable JavaScript, view with a text-only browser, etc. Questions? Contact me.

Your citizenship (From the following three options, choose the one which best describes your citizenship, and enter your Social Security number, if applicable.)

U.S. citizen with a Social Security number
Social Security number Why do we ask this? (XXX-XX-XXXX)
Non-U.S. citizen with a Social Security number

Country of citizenship

Social Security number Why do we ask this? (XXX-XX-XXXX)
I do not have a Social Security number
We're sorry for any inconvenience, but at this time, only applicants with a valid Social Security number can apply online.

Date of birth (MM/DD/YYYY)

Source of income Why do we ask this?

Occupation (If you're currently not working, enter "None")