ウィジェット ＞ フォーム は、エブリサイトで利用者から情報を入力してもらうためのウィジェットカテゴリです。

お問い合わせフォーム、申請フォーム、会員登録フォーム、検索条件入力画面など、データ入力を伴うページで利用します。

また、名前は「フォーム」ですが、入力用のアイテムを配置する用途に限らず、ラベルやテキスト、ボタン、画像などを規則的に並べて表示したい場合にも利用できます。

この記事では、フォームカテゴリに含まれる各ウィジェットの概要や利用シーンを紹介します。

シンプル縦フォーム

公式ドキュメント：

https://docs.everysite.net/widget/form/simple_vertical_form.html

アイテムを縦方向に並べて表示する、基本的なフォームウィジェットです。

アイテムごとにラベルと入力欄が縦に並ぶため、画面幅が限られるスマートフォンでも見やすいフォームを作成できます。

活用例

• お問い合わせフォーム

• 会員登録フォーム

• アンケートフォーム

• お知らせ詳細

• 商品説明

サンプル

参考記事

• エブリサイト図鑑 2-2 kintoneと連携できるWebフォーム

• エブリサイト図鑑 2-3 会員向けサイト（ログインページ）

• エブリサイト図鑑 3-6 イベント出展サイト

• エブリサイト図鑑 3-8 危険予知活動報告フォーム

シンプル横フォーム

公式ドキュメント：

https://docs.everysite.net/widget/form/simple_horizontal_form.html

アイテムを横方向に並べて表示する、基本的なフォームウィジェットです。

縦方向のスペースを抑えることができます。

活用例

• 検索条件入力

• 設定画面

• コンパクトな入力画面

• KPI表示

• サマリー表示

サンプル

参考記事

• エブリサイト図鑑 3-7 売上データ管理システム

垂直2列フォーム

公式ドキュメント：

https://docs.everysite.net/widget/form/property_form.html

左側にラベル、右側にアイテムの2列構成で表示するフォームウィジェットです。

アイテムが多い場合でも、情報を整理して見せやすいレイアウトを作成できます。

活用例

• 会員情報編集

• 申請フォーム

• 各種マスタ登録

• 顧客詳細画面

サンプル

参考記事

• エブリサイト図鑑 3-1 セミナーランディングページ

グリッドフォーム

公式ドキュメント：

https://docs.everysite.net/widget/form/grid_form.html

アイテムをグリッド形式で配置できるフォームウィジェットです。

アイテム数が多い画面で、複数のアイテムを整列して表示したい場合に利用します。

活用例

• 管理者向け登録画面

• 多項目の申請フォーム

• 集計結果表示

• 商品一覧

サンプル

参考記事

• エブリサイト図鑑 3-5 製品図面・取扱説明書ダウンロードサイト

横方向均等配置フォーム

公式ドキュメント：

https://docs.everysite.net/widget/form/horizontal_equal_layout.html

アイテムを横方向へ均等な幅で配置するフォームウィジェットです。

見た目を揃えやすく、操作ボタンや検索条件などを整理して表示できます。

活用例

• キーワード／絞り込みなどの検索条件入力

• ダッシュボード

• ボタンメニュー

• ナビゲーションエリア

サンプル

参考記事

• エブリサイト図鑑 2-4 資料・ファイルダウンロード

まとめ

以上、フォームカテゴリのウィジェット別、利用用途のまとめでした。

エブリサイトのドキュメントページやサポートページもぜひご活用ください。