HTML5と CSS3でフォームへの入力チェックをビジュアル的に分かりやすく表示する例

HTML5 Form Validation のカスタマイズ « GirlieMac! Blog

CSS3 ユーザインターフェイスセレクタ

CSS ではいくつかの、UI 要素状態を表す UI セレクタ（疑似クラスや疑似要素）があります。その例として、:valid, invalid, in-range, out-of-range, required, optional, read-only, read-write が挙げられます。

これいいねー。IE9さえ対応してたらねー...