Posts Tagged ‘forms’
HTML 5 Form Validation with Yepnope Fallback
Thursday, August 4th, 2011
In my last post about creating a proper fallback when using the new HTML 5 form validation I mentioned using modernizr to detect for support, then creating an if statement to call the jQuery validate plugin. One of the commentors mentioned using yepnope for this instead of loading the jQuery validation plugin by default. Since [...]
Tags: forms, html5, javascript, jquery, performance
Posted in Web Development | 5 Comments »
Required input fields with JS fallback
Tuesday, June 14th, 2011
View the demo One of my favorite features of the HTML 5 forms is the “required” attribute. But unfortunately, support isn’t totally there yet. So we need to create fallbacks. It works in the modern browsers you’d expect it to (FF4, Safari, Opera, etc) but in older browsers, form validation isn’t something you can really [...]
Tags: forms, html5, ui
Posted in Web Design, Web Development | 2 Comments »
Sliding Labels v2 – Patch
Tuesday, February 2nd, 2010
Please use version 3 of sliding labels with updated options and bug fixes at: http://www.csskarma.com/blog/sliding-labels-plugin/ Last week I wrote an article about sliding form labels that got quite a bit of attention. Many of the commenters brought up a couple good points/bug in the Sliding Label code that I wanted to address and provide a [...]
Tags: advanced, forms, jquery, ui
Posted in Web Design | 116 Comments »
Form Design with Sliding Labels
Tuesday, January 19th, 2010
Please use the latest version of sliding labels with updated options and bug fixes at: http://www.csskarma.com/blog/sliding-labels-plugin/ A few weeks ago I was reading an article on form UI by Luke Wroblewski of Yahoo!. For those who aren’t familiar with Luke, he (quite literally) wrote the book on good form design. In the article, one certain [...]
Tags: advanced, forms, jquery, ui
Posted in Web Design | 144 Comments »
Quick Tip #3 – Textarea Fonts
Monday, August 31st, 2009
The Problem The font family in this text area default to Courier New, but that’s pretty ugly. The Goal Look at the nice font in this textarea! The Solution You have to redefine the font-family for a textarea. Just a weird quirk. textarea{ font-family:Verdana, Arial, Sans-Serif; }
Tags: beginner, forms, quick tip
Posted in Web Development | 2 Comments »
Form Security with Autocomplete
Friday, April 10th, 2009
I was looking through my blog this morning because I could have sworn I already wrote this post. I know I’ve had this conversation with Phil Nash of Unintentionally Blank. But I guess I never wrote it down? Oh well… One of my pet peeves when filling out a form is when I click in [...]
Tags: forms, ui
Posted in Security | 8 Comments »