Pattern Tap
現在185種類のフォームデザインがまとめられております。
Form Generators, Styling, Inspiration | CSSAddict
おしゃれにデザインされたフォームがたくさん。
Web Form Design: Modern Solutions and Creative Ideas
37 Ways to Design the Comments Form | Blog design Blog for Blog Designers
37種類のコメントフォームデザインのまとめです。シンプルですっきりしたフォームがたくさん。
Form Elements: 40+ CSS/JS Styling and Functionality Techniques | Noupe
スクリプトを使ったフォームのサンプルがまとめられております。また、こちらのブログでは、『47+ Excellent Ajax CSS Forms』AjaxとCSSのフォームまとめも人気です。
Clean and pure CSS FORM design
labelとspanを使って、フォームのラベルをきれいに配置する方法が公開されています。サンプルコードも公開されているので、ダウンロードして中身を確認することも出来ます。
FancyForm
mootoolを使ってチェックボックスとラジオボタンををクールなデザインに変えてしまうことができます。
CRIR: Checkbox & Radio Input Replacement
こちらもチェックボックスとラジオボタンをスタイリッシュにする方法
jQuery checkbox
JQueryを使ってチェックボックスやラジオボタンをファンシーにデザイン。
<select> Something New
セレクトをスタイリッシュにする方法。
jquery-asmselect
セレクトの中から選択したものを下に追加していくことができます。
Form field hints with CSS and JavaScript
フィールドをクリックすると注釈を表示させることができます。
Autotab: jQuery auto-tabbing and filter plugin
決まった文字数が入力されると自動的に次のボックスへカーソルを移動させることができます。
10 CSS Form Examples
10種類ものとってもきれいなCSSフォームのサンプルを見ることができます。これは参考になります。
Building a better web forms: Context highlighting using jQuery
選択している箇所をハイライトする事ができます。
Clean and pure CSS FORM design
Tableタグを使わず、CSSだけできれいなフォームデザインを組む方法が紹介されています。
Custom Form Elements in action
mootoolを使ってフォームのデザインをカスタマイズ。
Control.SelectMultiple
JavaScriptを使って複数選択を
