如何使用任何JSON對象動態生成HTML FORM？

Question

如果有人能告訴我如何使用JavaScript基於任何JSON對象動態生成HTML表單，我將為您提供幫助。

Answer 1

試試這個seee

您可以為此使用現有的庫。

一個簡單的例子是： Angular Dynamic Forms

更標准的方法是使用此Angular Schema Form實現的JSON Schema 。 看到它是如何工作的例子在這里DEMO

Answer 2

HTML：

<html>
 <head></head>
 <body>

 <body>
</html>

javascript：

<script>
//create a form
var f = document.createElement("form");
f.setAttribute('method',"post");
f.setAttribute('action',"submit.php");

//create input element
var i = document.createElement("input");
i.type = "text";
i.name = "user_name";
i.id = "user_name1";

//create a checkbox
var c = document.createElement("input");
c.type = "checkbox";
c.id = "checkbox1";
c.name = "check1";

//create a button
var s = document.createElement("input");
s.type = "submit";
s.value = "Submit";

// add all elements to the form
f.appendChild(i);
f.appendChild(c);
f.appendChild(s);

// add the form inside the body
$("body").append(f);   //using jQuery or
document.getElementsByTagName('body')[0].appendChild(f); //pure javascript

</script>

您可以動態創建任意數量的元素。

如何使用任何JSON對象動態生成HTML FORM？

問題描述

2 個解決方案

解決方案1
1 2017-07-14 16:45:01

解決方案2
1 2017-07-14 16:46:12

如何使用任何JSON對象動態生成HTML FORM？

問題描述

2 個解決方案

解決方案1 1 2017-07-14 16:45:01

解決方案2 1 2017-07-14 16:46:12

解決方案1
1 2017-07-14 16:45:01

解決方案2
1 2017-07-14 16:46:12