企画・制作/無料ツール
フォーム仕様作成ツール
フォームスキーマをフィールドタイプ、バリデーション制限、選択、必要なフィールド、条件付き可視性で構築します。 プレビューとエクスポート JSON または実装の簡略化。
フォーム仕様
form-specification.json
{
"name": "Contact request",
"fields": [
{
"name": "email",
"label": "Email address",
"type": "email",
"required": true,
"maxLength": 254,
"errorMessage": "Enter a valid email address."
},
{
"name": "reason",
"label": "What can we help with?",
"type": "select",
"required": true,
"options": [
"General question",
"Billing",
"Other"
],
"errorMessage": "Choose a reason."
},
{
"name": "message",
"label": "Tell us more",
"type": "textarea",
"required": true,
"minLength": 10,
"maxLength": 2000,
"visibleWhen": {
"field": "reason",
"equals": "Other"
},
"errorMessage": "Write between 10 and 2000 characters."
}
]
}単語数: 82詳しくはこちら ↑
出力テキストは英語のままです。入力内容はそのまま保持されます。
サインアップはありません。 AIクレジットなし。 このツールは、お使いのブラウザで出力を組み立てます。
アイデアから何か役に立つものまで。
- 01
フォームフィールドを追加し、名前を付けます。
- 02
検証、選択、およびオプションの可視性条件を設定します。
- 03
ライブフォームのプレビューを確認し、仕様をエクスポートします。
小さな文脈。
フォーム仕様は、各フィールドが受け入れ、表示時に記録します。 このツールは、一般的なサポート HTML フィールドタイプ、必須フィールド、テキストの長さ制限、フィールドごとの単一の平等ベースの可視性条件。 プレビューはローカルクライアントの検証を実行します。サーバー側の検証とストレージは実装作業を続けます。
よくある質問
プレビューはデータを提出しますか?
いいえ。 プレビュー投稿は、ローカルでフィールドを検証し、ローカルの確認を示すだけです。 保存・送信は一切ありません。
複雑な条件ロジックを作成できますか?
各フィールドは、以前のフィールドで1つの平等条件をサポートしています。 これは、条件を予測可能にし、円の可視ルールを避けます。