基本的な入力フォーム

フォームはウェブサイトに接していれば見ない日はないほど需要の高いパーツ。
ちょっとしたフォームでもきれいにレイアウトしてあるとウェブサイトに情報を渡す瞬間も安心出来る。
フォームを整理するポイントは、フォームのブロックだけを独立した囲みに入れてしまうことですっきりした外観に整う。
そこで周囲にウェブページの背景とは異なる囲みの表現を使う。

ラベルレイアウトの揃えはテキストフィールドに合わせて右揃えとするレイアウトがもっとも整然とする。
この場合テキストフィールドは左揃え。
各文字入力フィールドは可能であれば幅のサイズを合わせてレイアウトする。