Creating an Ajax contact form - from start to finish :: ENHANCE

Ajax＆PHPでアニメーションするコンタクトフォームを作成するサンプル。

デモページを見る

必須入力値を入力しないとエラーになったりする機能はついているみたいだけど、入力値チェックはないみたい。
送信時にフォームが子気味よくアニメーションするため、ちょっとした訪問者への驚きや、フォームデザインに懲りたい人にはよさそう。

HTMLもクリーンなので、CSSでデザインしやすくなってます。

関連エントリ

• CSSでユニークなコンタクトフォームを作るチュートリアル
• 携帯サイトのフォーム設計ポイント
• CSSを使ってファンシーなボタンを作成するテクニック