Bring Your Forms Up to Date With CSS3 and HTML5 Validation | Envato Tuts+

Let's look at how to create a functional form which validates users' data, client-side. With that done, we'll cover prettying it up using CSS, including some CSS3! Before we get started, you may want to consider using one of our HTML5 Templates or CSS Themes for your next project—that is, if you need a quick, professional solution. Otherwise, it's time to begin this step by step tutorial. Step 1:

[efcl]

HTML5の属性を使いながらフォームを作って行くチュートリアル

[kk6]

html5とcss3を使ったformの作り方

[kzms2]

これはオススメ。HTML5とCSS3を用いたフォームの作り方。内容チェックのValidationやCSS3によるアニメーションの使い方がわかりやすくまとめてあります。