Float Label Demo

Below is an email sign up form for my email list using float labels implemented with floatlabels.js

Enter your name. Delete it. Type it again. Enter your email. Delete that. Retype. Enter a misformatted email. Now hit submit. Check out the error handling, etc. Have a blast with it.

For more info on the float label pattern, read this post. You can also find resources for your own implementation in iOS, Java, CSS, etc. here.


Some javascript broke when I upgraded to the latest version of Ghost. It affected the error handling of the float label form below and I haven't had the time to investigate and fix. If you know off hand what's going on let me know!