DevToolBox

📝 JSON to フォーム生成

JSONスキーマからHTMLフォームを自動生成します

JSONスキーマ

フォームプレビュー

JSONを入力するとプレビューが表示されます

JSONスキーマ仕様

基本構造

{
  "fields": [
    {
      "name": "フィールド名",
      "type": "input種別",
      "label": "ラベル",
      "required": true/false,
      "placeholder": "プレースホルダー"
    }
  ]
}

サポートされる type

  • text, email, password, number, tel, url, date
  • textarea - 複数行テキスト
  • select - ドロップダウン(options配列が必要)
  • checkbox - チェックボックス

オプション属性

  • required - 必須項目(true/false)
  • placeholder - プレースホルダーテキスト
  • options - select用の選択肢配列
  • min, max - number型の範囲
  • pattern - 正規表現パターン