検索ボックス

検索ボックスはどのウェブサイトにも当たり前に設置出来るようになったパーツ。
レイアウト上のポイントは、テキストフィールドにはボックスの外枠と検索ワードとの間に余白を設ける。
この余白は外観の質を決定づける非常に重要な役割を担っている。
この余白とテキストフィースドと実行ボタンとの余白とほぼ同じ大きさにするとまとまりのよい外観になる。

HTML上では、検索ツールのセクションがコンポーネント的に扱いやすくなるようにdiv要素でグループ化する。