AI Form Bench

AI Form Bench

AIワークフロー(自動入力エージェント)の検証用テストフォーム集です。 様々な入力パターン・実フォーム想定の統合シナリオ・複数ページ遷移するウィザード型フォームを用意しています。 評価ロジックは含まれず、フォームUIのみを提供します。

パターン別フォーム(3.1〜3.12)

3.1基本入力タイプ

HTML5の各種input type(text/email/tel/number/date/time/color/range/file等)の型推論を検証

難易度 ★#HTML5#input#基本
/patterns/basic-types
3.2選択コントロール

ラジオ/チェックボックス/select(単一・複数・optgroup)/datalistの選択操作

難易度 ★★#radio#checkbox#select
/patterns/selection
3.3複合・構造化入力

氏名/電話/郵便番号/生年月日/クレジットカード/住所などの分割入力

難易度 ★★★#分割入力#構造化
/patterns/composite
3.4ラベル関連付けパターン

label[for] / wrap / aria-label / aria-labelledby / placeholder のみ など

難易度 ★★★★#ラベル#a11y#aria
/patterns/labels
3.5検証・制約

required/pattern/min・max/リアルタイム・サブミット時バリデーションとエラー表示

難易度 ★★★#バリデーション#エラー処理
/patterns/validation
3.6動的・条件付きフィールド

入力値による表示切替/連動select/行追加削除/マルチステップ

難易度 ★★★★#動的#条件分岐
/patterns/dynamic
3.7カスタムコントロール

カスタムドロップダウン/日付ピッカー/スライダー/星評価/トグル/リッチエディタ/タグ入力/オートコンプリート

難易度 ★★★★★#カスタムUI#role
/patterns/custom-controls
3.8autocomplete属性

標準値の正しい付与/off指定/属性なし/誤った属性値の比較

難易度 ★★#autocomplete
/patterns/autocomplete
3.9高難度・障害パターン

iframe/Shadow DOM/遅延ロード/React制御コンポーネント等

難易度 ★★★★★#iframe#ShadowDOM#React
/patterns/hard-cases
3.10日本語ロケール特有

自動フリガナ/郵便番号→住所/全角半角変換/IME挙動

難易度 ★★★★#日本語#IME#フリガナ
/patterns/japanese-locale
3.11アンチボット・対人検出

ハニーポット/reCAPTCHA風/同意チェック

難易度 ★★★★#ハニーポット#CAPTCHA
/patterns/anti-bot
3.12サブミット動作

AJAX送信/確認画面挟む/二重送信防止

難易度 ★★#送信#AJAX
/patterns/submit

統合フォーム(実フォーム想定の単一ページシナリオ)

統合1クレジットカード入会申込

本人情報・勤務先・年収・口座振替設定・本人確認書類選択を含む完全な申込フォーム

難易度 ★★★★★#金融#クレジットカード#本人確認
/integrated/card-apply
統合2動画配信サービス登録

プラン選択/支払い情報/視聴環境/キャンペーンコードを含むサブスク申込

難易度 ★★★★#サブスク#動画配信#決済
/integrated/streaming-signup
統合3EC会員登録+初回特典

会員情報/配送先/決済方法/メルマガ/ポイント連携を含む総合EC登録

難易度 ★★★★#EC#会員登録#配送
/integrated/ec-signup
統合4リフォーム見積依頼

物件情報/工事内容/予算/訪問希望日/資金計画を含む見積依頼

難易度 ★★★★#リフォーム#見積#不動産
/integrated/reform-quote
統合5レストラン予約

日時/人数/コース/アレルギー/席タイプ/記念日設定を含むレストラン予約

難易度 ★★★#飲食#予約#コース
/integrated/restaurant-reserve
統合6美容サロン予約

メニュー選択/担当指名/施術履歴/カウンセリング/アレルギー情報を含む予約

難易度 ★★★#美容#サロン#予約
/integrated/salon-booking
統合7整体院予約

症状/既往歴/施術メニュー/優先する担当者/お悩み記入を含む予約

難易度 ★★★#整体#健康#予約
/integrated/clinic-booking
統合8学習塾 体験授業申込

受講者情報/保護者情報/学年/希望科目/通塾曜日/成績情報を含む体験申込

難易度 ★★★★#教育#学習塾#保護者
/integrated/school-trial

複数ページウィザード型フォーム(5ステップ画面遷移)

別々のURLで Step1 → Step2 → Step3 → 確認 → 完了 と画面遷移する5ページ構成のフォームです。 ステップ間のデータは sessionStorage で保持されます。

法務情報(サンプル文書)

各フォームの「同意」チェックボックスからリンクしているサンプル法務文書です。 架空の運営者「AI Form Bench Lab」を題材にした汎用テンプレートで、検証用のダミー条文として利用できます。

全URL一覧

各フォームのURL一覧です。AIワークフロー側で対象URLを指定する際にご利用ください。

全URL一覧をExcelでダウンロード(.xlsx・全65URL・3シート構成)

シート1: 全URL一覧(カテゴリ色分け・ハイパーリンク付き) / シート2: カテゴリ集計 / シート3: 業界別フォーム対応表

パターン別フォーム

No.名称パス
3.1基本入力タイプ/patterns/basic-types
3.2選択コントロール/patterns/selection
3.3複合・構造化入力/patterns/composite
3.4ラベル関連付けパターン/patterns/labels
3.5検証・制約/patterns/validation
3.6動的・条件付きフィールド/patterns/dynamic
3.7カスタムコントロール/patterns/custom-controls
3.8autocomplete属性/patterns/autocomplete
3.9高難度・障害パターン/patterns/hard-cases
3.10日本語ロケール特有/patterns/japanese-locale
3.11アンチボット・対人検出/patterns/anti-bot
3.12サブミット動作/patterns/submit

統合フォーム

No.名称パス
統合1クレジットカード入会申込/integrated/card-apply
統合2動画配信サービス登録/integrated/streaming-signup
統合3EC会員登録+初回特典/integrated/ec-signup
統合4リフォーム見積依頼/integrated/reform-quote
統合5レストラン予約/integrated/restaurant-reserve
統合6美容サロン予約/integrated/salon-booking
統合7整体院予約/integrated/clinic-booking
統合8学習塾 体験授業申込/integrated/school-trial

複数ページウィザード型フォーム

No.名称パス
W1-1カードローン申込ウィザード / 本人情報/wizard/card-loan/step1
W1-2カードローン申込ウィザード / 勤務情報/wizard/card-loan/step2
W1-3カードローン申込ウィザード / 借入希望/wizard/card-loan/step3
W1-4カードローン申込ウィザード / 確認/wizard/card-loan/confirm
W1-5カードローン申込ウィザード / 完了/wizard/card-loan/done
W2-1光回線申込ウィザード / エリア確認/wizard/fiber-apply/step1
W2-2光回線申込ウィザード / 契約者情報/wizard/fiber-apply/step2
W2-3光回線申込ウィザード / プラン・オプション/wizard/fiber-apply/step3
W2-4光回線申込ウィザード / 確認/wizard/fiber-apply/confirm
W2-5光回線申込ウィザード / 完了/wizard/fiber-apply/done
W3-1ECチェックアウトウィザード / カート確認/wizard/ec-checkout/step1
W3-2ECチェックアウトウィザード / 配送先/wizard/ec-checkout/step2
W3-3ECチェックアウトウィザード / 決済方法/wizard/ec-checkout/step3
W3-4ECチェックアウトウィザード / 確認/wizard/ec-checkout/confirm
W3-5ECチェックアウトウィザード / 完了/wizard/ec-checkout/done
W4-1物件問合せ+内見予約ウィザード / 希望条件/wizard/property-inquiry/step1
W4-2物件問合せ+内見予約ウィザード / エリア・予算/wizard/property-inquiry/step2
W4-3物件問合せ+内見予約ウィザード / 内見希望/wizard/property-inquiry/step3
W4-4物件問合せ+内見予約ウィザード / 確認/wizard/property-inquiry/confirm
W4-5物件問合せ+内見予約ウィザード / 完了/wizard/property-inquiry/done
W5-1宴会・大人数予約ウィザード / 日時・人数/wizard/banquet-reserve/step1
W5-2宴会・大人数予約ウィザード / コース・飲み放題/wizard/banquet-reserve/step2
W5-3宴会・大人数予約ウィザード / 幹事情報/wizard/banquet-reserve/step3
W5-4宴会・大人数予約ウィザード / 確認/wizard/banquet-reserve/confirm
W5-5宴会・大人数予約ウィザード / 完了/wizard/banquet-reserve/done
W6-1美容コース予約ウィザード / カウンセリング/wizard/salon-course/step1
W6-2美容コース予約ウィザード / コース選択/wizard/salon-course/step2
W6-3美容コース予約ウィザード / 担当・日時/wizard/salon-course/step3
W6-4美容コース予約ウィザード / 確認/wizard/salon-course/confirm
W6-5美容コース予約ウィザード / 完了/wizard/salon-course/done
W7-1フィットネスクラブ入会ウィザード / 会員情報/wizard/fitness-join/step1
W7-2フィットネスクラブ入会ウィザード / プラン選択/wizard/fitness-join/step2
W7-3フィットネスクラブ入会ウィザード / 健康チェック/wizard/fitness-join/step3
W7-4フィットネスクラブ入会ウィザード / 支払い情報/wizard/fitness-join/step4
W7-5フィットネスクラブ入会ウィザード / 完了/wizard/fitness-join/done
W8-1オンラインスクール受講申込ウィザード / コース選択/wizard/online-school/step1
W8-2オンラインスクール受講申込ウィザード / 受講者情報/wizard/online-school/step2
W8-3オンラインスクール受講申込ウィザード / 学習環境/wizard/online-school/step3
W8-4オンラインスクール受講申込ウィザード / 決済/wizard/online-school/step4
W8-5オンラインスクール受講申込ウィザード / 完了/wizard/online-school/done

法務情報(サンプル)

No.名称パス
L1利用規約/legal/terms
L2プライバシーポリシー/legal/privacy
L3特定商取引法に基づく表記/legal/tokushoho

API

No.名称パス
-ヘルスチェック (JSON)/api/health