要素の多いWebフォームの例はどこにありますか？

Question

多くの入力フィールドがあるいくつかの良いフォームレイアウト（Webベース）の例を見てみたいと思います。私は多くのWebアプリケーション開発を行っており、フォームの多くは入力要素が重いため、フォームの表示方法に関する良いアイデアを常に探しています。たとえば、フォームの変更履歴を表示するとともに、いくつかのリストボックスと多くのテキストボックスとページ上のいくつかのドロップダウンがあります。

Answer 1

フォームのインスピレーションが必要なときはいつでも Wufoo にアクセスするのが好きです。

Answer 2

すべては、データ入力またはユーザーエクスペリエンスに焦点を当てているかどうかに依存します。 データ入力を第一の目標として、入力ボックスを近づけて配置し、タブキーで非常にうまく流れるようにして、ユーザーがキーボードから手を離す必要がないようにします。また、おそらくスペースを最小限に保ち、ページ上にできるだけ多くのボックスを含めるようにしてください。

ユーザーエクスペリエンスについてとは逆の場合は、JavaScript検証の問題を特定するための十分なスペースがあることを確認し、新しいフォームでも同様に機能することを確認する必要があります。パワーユーザーとしてのユーザー。パワーユーザー==大量のデータ入力ユーザー。

Wufoo はユーザーエクスペリエンスにはかなり優れていますが、上記のデータ入力ユーザーにはうまく機能しません。ユーザーがボタンをクリックするために停止する必要があるため。

Answer 3

Smashing Magazineには、CSSベースのフォームのインスピレーション/テクニック/チュートリアルがまとめられています。

こちらをご覧ください。