フォームおよびテーブル・ページ・レイアウト

次に、ページにフォームを配置します。フォームは、テーブルの右側に表示する必要があります。form コンポーネントと tablePane コンポーネントを hgroup で囲むことでこれを実現します。レイアウトは以下のようになります。

最初に、<tablePane> 要素と <form> 要素を <hgroup></hgroup> タグで囲みます。このためには、<hgroup> タグを <tablePane> タグの直前に配置し、</hgroup> タグを </fieldset> タグの直後に配置します。

次に、tablePane コンポーネントと form コンポーネントの間に spacer コンポーネントを追加することで、両コンポーネントの間にスペースを作成します。</tablePane> の終了タグと <fieldset> の開始タグの間に、以下の <spacer> 要素を追加します。