JSONオブジェクトを使用してHTMLフォームを動的に生成する方法は？

javascriptを使用して任意のJSONオブジェクトに基づいてHTMLフォームを動的に生成する方法を教えていただけたら助けてください。JSONオブジェクトを使用してHTMLフォームを動的に生成する方法は？

出典

2017-07-14 naveen kumar

この質問はあまりにも広すぎて答えることができません。間違いなくこれ以上の情報が必要 – Coder

私はあなたが必要とする情報が何であるか分かりますか？ –

JSONの内容は何ですか？体に何が入るの？ JSONからどの値がどのタグに移動するのですか？これらは、 – Coder

はあなたがそのために既存のライブラリを使用することができ、このseee

を試してみてください。

簡単なものは次のとおりです。 Angular Dynamic Forms

より標準的な方法は、この素敵な実装Angular Schema FormとJSON Schemaです。それがここにDEMO

出典

2017-07-14 16:45:01

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>

あなたが動的にしたいとあなたはできるだけ多くの要素を作成することができます。

出典

2017-07-14 16:46:12

なぜPHPファイルですか？ –

JSONオブジェクトを使用してHTMLフォームを動的に生成する方法は？

答えて

関連する問題