1st webdesignerで、CSSとJavaScriptで作るフォームエレメントのチュートリアルがたくさん紹介されています。
いくつかご紹介。
↑は、Changing Form Input Styles on Focus with jQuery。フォームの中にラベルを表示して、フォーカス時にラベルを消してくれる
Turn postcard photo into a stunning comment form using CSS
古いポストカードを使ってコメントフォームをつくったようなデザインのチュートリアル
CSS Tableless Form
テーブルを使用しないフォームデザイン。floatとネガティブマージンを使用
テクニカルで気の利いたものが多いですね。
その他は以下からどうぞ。
» 51 Form Element Resources and Tutorials Using CSS And Javascript
Editor's Note
先日は仕事終わりに焼き肉パーティー。ばりうまかった。
Related Entry
- ログインフォームとサインアップフォームを一体化するテクニック
- フォーム内容をタグ風に見せてくれる『Autobox2』
- フォームのデザインと機能を改善するためのツール7選
- ユーザビリティの高いフォームテンプレート『Custom Form Elements』
