PHP Form Editor

Ajouter un widget :

Formulaire

Classe associée au formulaire :

Exporter Export HTML Importer Démo Documentation

Retour à l'éditeur

Coller le JSon du formulaire :

{
	"object" : "DefaultModel",
	"content" : [
		{	"type" : "h1",
			"label" : "Titre #1"
		},
		{	"type" : "h2",
			"label" : "Titre #2"
		},
		{	"type" : "h3",
			"label" : "Titre #3"
		},
		{	"type" : "h4",
			"label" : "Titre #4"
		},
		{	"type" : "hidden",
			"label" : "Champ hidden",
			"label_class" : "test-label_class",
			"row_class" : "test-row_class",
			"input_class" : "test-input_class",
			"prepend" : "@@@",
			"append" : "###",
			"name" : "hidden",
			"mandatory" : true,
			"attributes" : {
				"placeholder" : "Saisir un texte",
				"data-foo" : "data-bar"
			}
		},
		{	"type" : "title_switch",
			"label" : "title_switch",
			"name" : "test-title_switch"
		},
		{	"type" : "p",
			"content" : "Hello world !",
			"attributes" : {
				"data-show-field" : "test-title_switch",
				"data-show-value" : "1"
			}
		},
		{	"type" : "div",
			"content" : "Hello world !",
			"children" : [
				{	"type" : "p",
					"content" : "Hello world !",
					"attributes" : {
						"data-show-field" : "test-title_switch",
						"data-show-value" : "1"
					}
				}
			]
		},
		{ "type" : "hr" },
		
		{	"type" : "2_fields",
			"children" : [
				{	"type" : "inline_text",
					"label" : "Champ inline_text",
					"label_class" : "test-label_class",
					"row_class" : "test-row_class",
					"input_class" : "test-input_class",
					"prepend" : "@@@",
					"append" : "###",
					"name" : "inline_text",
					"mandatory" : true,
					"attributes" : {
						"placeholder" : "Saisir un texte",
						"data-foo" : "data-bar"
					}
				},
				{	"type" : "row_text",
					"label" : "Champ row_text",
					"label_class" : "test-label_class",
					"row_class" : "test-row_class",
					"input_class" : "test-input_class",
					"prepend" : "@@@",
					"append" : "###",
					"name" : "row_text",
					"attributes" : {
						"placeholder" : "Saisir un texte",
						"data-foo" : "data-bar"
					}
				}
			]
		},
		{ "type" : "hr" },
		
		{	"type" : "2_fields",
			"children" : [
				{	"type" : "inline_autocomplete",
					"label" : "Champ inline_autocomplete",
					"label_class" : "test-label_class",
					"row_class" : "test-row_class",
					"input_class" : "test-input_class",
					"prepend" : "@@@",
					"append" : "###",
					"name" : "inline_autocomplete",
					"mandatory" : true,
					"attributes" : {
						"placeholder" : "Saisir un texte",
						"data-foo" : "data-bar",
						"data-url" : "./autocomplete.php"
					}
				},
				{	"type" : "row_autocomplete",
					"label" : "Champ row_autocomplete",
					"label_class" : "test-label_class",
					"row_class" : "test-row_class",
					"input_class" : "test-input_class",
					"prepend" : "@@@",
					"append" : "###",
					"name" : "row_autocomplete",
					"attributes" : {
						"placeholder" : "Saisir un texte",
						"data-foo" : "data-bar",
						"data-url" : "./autocomplete.php"
					}
				}
			]
		},
		{ "type" : "hr" },
		
		{	"type" : "2_fields",
			"children" : [
				{	"type" : "div",
					"children" : [
						{	"type" : "inline_autocomplete",
							"label" : "Champ inline_autocomplete",
							"prepend" : "<i class='fas fa-magnifying-glass'></i>",
							"name" : "inline_autocomplete",
							"mandatory" : true,
							"attributes" : {
								"placeholder" : "Saisir un texte",
								"data-foo" : "data-bar",
								"data-url" : "./autocomplete.php",
								"data-field-housenumber" : "[name='inline-housenumber']",
								"data-field-street" : "[name='inline-street']",
								"data-field-postcode" : "[name='inline-postcode']",
								"data-field-city" : "[name='inline-city']"
							}
						},
						{	"type" : "2_fields",
							"children" : [
								{	"type" : "inline_text",
									"label" : "No",
									"name" : "inline-housenumber"
								},
								{	"type" : "inline_text",
									"label" : "Rue",
									"name" : "inline-street"
								}
							]
						},
						{	"type" : "2_fields",
							"children" : [
								{	"type" : "inline_text",
									"label" : "Code postal",
									"name" : "inline-postcode"
								},
								{	"type" : "inline_text",
									"label" : "Ville",
									"name" : "inline-city"
								}
							]
						}
					]
				},
				
				{	"type" : "div",
					"children" : [
						{	"type" : "row_autocomplete",
							"label" : "Champ row_autocomplete",
							"prepend" : "<i class='fas fa-magnifying-glass'></i>",
							"name" : "row_autocomplete",
							"mandatory" : true,
							"attributes" : {
								"placeholder" : "Saisir un texte",
								"data-foo" : "data-bar",
								"data-url" : "./autocomplete.php",
								"data-field-housenumber" : "[name='row-housenumber']",
								"data-field-street" : "[name='row-street']",
								"data-field-postcode" : "[name='row-postcode']",
								"data-field-city" : "[name='row-city']"
							}
						},
						{	"type" : "2_fields",
							"children" : [
								{	"type" : "row_text",
									"label" : "No",
									"name" : "row-housenumber"
								},
								{	"type" : "row_text",
									"label" : "Rue",
									"name" : "row-street"
								}
							]
						},
						{	"type" : "2_fields",
							"children" : [
								{	"type" : "row_text",
									"label" : "Code postal",
									"name" : "row-postcode"
								},
								{	"type" : "row_text",
									"label" : "Ville",
									"name" : "row-city"
								}
							]
						}
					]
				}
			]
		},
		{ "type" : "hr" },
		
		{	"type" : "2_fields",
			"children" : [
				{	"type" : "inline_checkbox",
					"label" : "Champ inline_checkbox",
					"label_class" : "test-label_class",
					"row_class" : "test-row_class",
					"input_class" : "test-input_class",
					"name" : "inline_checkbox",
					"mandatory" : true,
					"attributes" : {
						"placeholder" : "Saisir un texte",
						"data-foo" : "data-bar"
					}
				},
				{	"type" : "row_checkbox",
					"label" : "Champ row_checkbox",
					"label_class" : "test-label_class",
					"row_class" : "test-row_class",
					"input_class" : "test-input_class",
					"name" : "row_checkbox",
					"attributes" : {
						"placeholder" : "Saisir un texte",
						"data-foo" : "data-bar"
					}
				}
			]
		},
		{ "type" : "hr" },
		
		{	"type" : "2_fields",
			"children" : [
				{	"type" : "inline_checkbox_list",
					"label" : "Champ inline_checkbox_list",
					"label_class" : "test-label_class",
					"row_class" : "test-row_class",
					"input_class" : "test-input_class",
					"prepend" : "@@@",
					"append" : "###",
					"name" : "inline_checkbox_list",
					"mandatory" : true,
					"checkboxes" : [
						{ "name" : "foo", "label" : "foo" },
						{ "name" : "baz", "label" : "bar" },
						{ "name" : "bar", "label" : "baz" }
					],
					"attributes" : {
						"placeholder" : "Saisir un texte",
						"data-foo" : "data-bar"
					}
				},
				{	"type" : "row_checkbox_list",
					"label" : "Champ row_checkbox_list",
					"label_class" : "test-label_class",
					"row_class" : "test-row_class",
					"input_class" : "test-input_class",
					"prepend" : "@@@",
					"append" : "###",
					"name" : "row_checkbox_list",
					"checkboxes" : [
						{ "name" : "foo", "label" : "foo" },
						{ "name" : "baz", "label" : "bar" },
						{ "name" : "bar", "label" : "baz" }
					],
					"attributes" : {
						"placeholder" : "Saisir un texte",
						"data-foo" : "data-bar"
					}
				}
			]
		},
		{ "type" : "hr" },
		
		{	"type" : "2_fields",
			"children" : [
				{	"type" : "inline_date",
					"label" : "Champ inline_date",
					"label_class" : "test-label_class",
					"row_class" : "test-row_class",
					"input_class" : "test-input_class",
					"prepend" : "@@@",
					"append" : "###",
					"name" : "inline_date",
					"mandatory" : true,
					"attributes" : {
						"placeholder" : "Saisir un texte",
						"data-foo" : "data-bar"
					}
				},
				{	"type" : "row_date",
					"label" : "Champ row_date",
					"label_class" : "test-label_class",
					"row_class" : "test-row_class",
					"input_class" : "test-input_class",
					"prepend" : "@@@",
					"append" : "###",
					"name" : "row_date",
					"attributes" : {
						"placeholder" : "Saisir un texte",
						"data-foo" : "data-bar"
					}
				}
			]
		},
		{ "type" : "hr" },
		
		{	"type" : "2_fields",
			"children" : [
				{	"type" : "inline_double_date",
					"label" : "Champ inline_double_date",
					"label_class" : "test-label_class",
					"row_class" : "test-row_class",
					"input_class" : "test-input_class",
					"prepend" : "@@@",
					"append" : "###",
					"name1" : "row_double_date-1",
					"name2" : "row_double_date-2",
					"mandatory" : true,
					"attributes" : {
						"placeholder" : "Saisir un texte",
						"data-foo" : "data-bar"
					}
				},
				{	"type" : "row_double_date",
					"label" : "Champ row_double_date",
					"label_class" : "test-label_class",
					"row_class" : "test-row_class",
					"input_class" : "test-input_class",
					"prepend" : "@@@",
					"append" : "###",
					"name1" : "row_double_date-1",
					"name2" : "row_double_date-2",
					"attributes" : {
						"placeholder" : "Saisir un texte",
						"data-foo" : "data-bar"
					}
				}
			]
		},
		{ "type" : "hr" },
		
		{	"type" : "2_fields",
			"children" : [
				{	"type" : "inline_number",
					"label" : "Champ inline_number",
					"label_class" : "test-label_class",
					"row_class" : "test-row_class",
					"input_class" : "test-input_class",
					"prepend" : "@@@",
					"append" : "###",
					"name" : "inline_number",
					"mandatory" : true,
					"attributes" : {
						"placeholder" : "Saisir un texte",
						"data-foo" : "data-bar"
					}
				},
				{	"type" : "row_number",
					"label" : "Champ row_number",
					"label_class" : "test-label_class",
					"row_class" : "test-row_class",
					"input_class" : "test-input_class",
					"prepend" : "@@@",
					"append" : "###",
					"name" : "row_number",
					"attributes" : {
						"placeholder" : "Saisir un texte",
						"data-foo" : "data-bar"
					}
				}
			]
		},
		{ "type" : "hr" },
		
		{	"type" : "2_fields",
			"children" : [
				{	"type" : "inline_radio",
					"label" : "Champ inline_radio",
					"label_class" : "test-label_class",
					"row_class" : "test-row_class",
					"input_class" : "test-input_class",
					"prepend" : "@@@",
					"append" : "###",
					"name" : "inline_radio",
					"mandatory" : true,
					"values" : {
						"foo" : "foo",
						"baz" : "bar",
						"bar" : "baz"
					},
					"attributes" : {
						"placeholder" : "Saisir un texte",
						"data-foo" : "data-bar"
					}
				},
				{	"type" : "row_radio",
					"label" : "Champ row_radio",
					"label_class" : "test-label_class",
					"row_class" : "test-row_class",
					"input_class" : "test-input_class",
					"prepend" : "@@@",
					"append" : "###",
					"name" : "row_radio",
					"values" : {
						"foo" : "foo",
						"baz" : "bar",
						"bar" : "baz"
					},
					"attributes" : {
						"placeholder" : "Saisir un texte",
						"data-foo" : "data-bar"
					}
				}
			]
		},
		{ "type" : "hr" },
		
		{	"type" : "2_fields",
			"children" : [
				{	"type" : "inline_radio_group",
					"label" : "Champ inline_radio_group",
					"label_class" : "test-label_class",
					"row_class" : "test-row_class",
					"input_class" : "test-input_class",
					"prepend" : "@@@",
					"append" : "###",
					"name" : "inline_radio_group",
					"mandatory" : true,
					"values" : {
						"foo" : "foo",
						"baz" : "bar",
						"bar" : "baz"
					},
					"attributes" : {
						"placeholder" : "Saisir un texte",
						"data-foo" : "data-bar"
					}
				},
				{	"type" : "row_radio_group",
					"label" : "Champ row_radio_group",
					"label_class" : "test-label_class",
					"row_class" : "test-row_class",
					"input_class" : "test-input_class",
					"prepend" : "@@@",
					"append" : "###",
					"name" : "row_radio_group",
					"values" : {
						"foo" : "foo",
						"baz" : "bar",
						"bar" : "baz"
					},
					"attributes" : {
						"placeholder" : "Saisir un texte",
						"data-foo" : "data-bar"
					}
				}
			]
		},
		{ "type" : "hr" },
		
		{	"type" : "2_fields",
			"children" : [
				{	"type" : "inline_select",
					"label" : "Champ inline_select",
					"label_class" : "test-label_class",
					"row_class" : "test-row_class",
					"input_class" : "test-input_class",
					"prepend" : "@@@",
					"append" : "###",
					"name" : "inline_select",
					"mandatory" : true,
					"values" : {
						"foo" : "foo",
						"baz" : "bar",
						"bar" : "baz"
					},
					"attributes" : {
						"placeholder" : "Saisir un texte",
						"data-foo" : "data-bar"
					}
				},
				{	"type" : "row_select",
					"label" : "Champ row_select",
					"label_class" : "test-label_class",
					"row_class" : "test-row_class",
					"input_class" : "test-input_class",
					"prepend" : "@@@",
					"append" : "###",
					"name" : "row_select",
					"values" : {
						"foo" : "foo",
						"baz" : "bar",
						"bar" : "baz"
					},
					"attributes" : {
						"placeholder" : "Saisir un texte",
						"data-foo" : "data-bar"
					}
				}
			]
		},
		{ "type" : "hr" },
		
		{	"type" : "2_fields",
			"children" : [
				{	"type" : "inline_select_picker",
					"label" : "Champ inline_select_picker",
					"label_class" : "test-label_class",
					"row_class" : "test-row_class",
					"input_class" : "test-input_class",
					"prepend" : "@@@",
					"append" : "###",
					"name" : "inline_select_picker",
					"mandatory" : true,
					"values" : {
						"foo" : "foo",
						"baz" : "bar",
						"bar" : "baz"
					},
					"attributes" : {
						"placeholder" : "Sélectionner une valeur",
						"data-foo" : "data-bar"
					}
				},
				{	"type" : "row_select_picker",
					"label" : "Champ row_select_picker",
					"label_class" : "test-label_class",
					"row_class" : "test-row_class",
					"input_class" : "test-input_class",
					"prepend" : "@@@",
					"append" : "###",
					"name" : "row_select_picker",
					"values" : {
						"foo" : "foo",
						"baz" : "bar",
						"bar" : "baz"
					},
					"attributes" : {
						"placeholder" : "Sélectionner une valeur",
						"data-foo" : "data-bar"
					}
				}
			]
		},
		{ "type" : "hr" },
		
		{	"type" : "2_fields",
			"children" : [
				{	"type" : "inline_textarea",
					"label" : "Champ inline_textarea",
					"label_class" : "test-label_class",
					"row_class" : "test-row_class",
					"input_class" : "test-input_class",
					"prepend" : "@@@",
					"append" : "###",
					"name" : "inline_textarea",
					"content" : "Hello World !",
					"mandatory" : true,
					"values" : {
						"foo" : "foo",
						"baz" : "bar",
						"bar" : "baz"
					},
					"attributes" : {
						"placeholder" : "Saisir un texte",
						"data-foo" : "data-bar"
					}
				},
				{	"type" : "row_textarea",
					"label" : "Champ row_textarea",
					"label_class" : "test-label_class",
					"row_class" : "test-row_class",
					"input_class" : "test-input_class",
					"prepend" : "@@@",
					"append" : "###",
					"name" : "row_textarea",
					"content" : "Hello World !",
					"values" : {
						"foo" : "foo",
						"baz" : "bar",
						"bar" : "baz"
					},
					"attributes" : {
						"placeholder" : "Saisir un texte",
						"data-foo" : "data-bar"
					}
				}
			]
		},
		{ "type" : "hr" },
		
		{	"type" : "2_fields",
			"children" : [
				{	"type" : "inline_tinymce",
					"label" : "Champ inline_tinymce",
					"label_class" : "test-label_class",
					"row_class" : "test-row_class",
					"input_class" : "test-input_class",
					"prepend" : "@@@",
					"append" : "###",
					"name" : "inline_tinymce",
					"content" : "Hello World !",
					"mandatory" : true,
					"values" : {
						"foo" : "foo",
						"baz" : "bar",
						"bar" : "baz"
					},
					"attributes" : {
						"placeholder" : "Saisir un texte",
						"data-foo" : "data-bar"
					}
				},
				{	"type" : "row_tinymce",
					"label" : "Champ row_tinymce",
					"label_class" : "test-label_class",
					"row_class" : "test-row_class",
					"input_class" : "test-input_class",
					"prepend" : "@@@",
					"append" : "###",
					"name" : "row_tinymce",
					"content" : "Hello World !",
					"values" : {
						"foo" : "foo",
						"baz" : "bar",
						"bar" : "baz"
					},
					"attributes" : {
						"placeholder" : "Saisir un texte",
						"data-foo" : "data-bar"
					}
				}
			]
		},
		{ "type" : "hr" },
		
		{	"type" : "2_fields",
			"children" : [
				{	"type" : "inline_toggle_switch",
					"label" : "Champ inline_toggle_switch",
					"label_class" : "test-label_class",
					"row_class" : "test-row_class",
					"input_class" : "test-input_class",
					"prepend" : "@@@",
					"append" : "###",
					"name" : "inline_toggle_switch",
					"mandatory" : true,
					"values" : {
						"foo" : "foo",
						"baz" : "bar",
						"bar" : "baz"
					},
					"attributes" : {
						"placeholder" : "Saisir un texte",
						"data-foo" : "data-bar"
					}
				},
				{	"type" : "row_toggle_switch",
					"label" : "Champ row_toggle_switch",
					"label_class" : "test-label_class",
					"row_class" : "test-row_class",
					"input_class" : "test-input_class",
					"prepend" : "@@@",
					"append" : "###",
					"name" : "row_toggle_switch",
					"values" : {
						"foo" : "foo",
						"baz" : "bar",
						"bar" : "baz"
					},
					"attributes" : {
						"placeholder" : "Saisir un texte",
						"data-foo" : "data-bar"
					}
				}
			]
		},
		
		{	"type" : "buttons",
			"row_class" : "pb-5",
			"content" : [
				{ "class" : "class-foo btn btn-primary", "label" : "foo" },
				{ "class" : "class-bar btn btn-success", "label" : "bar" },
				{ "class" : "class-baz btn btn-danger", "label" : "baz" }
			]
		}
	]
}