用Javascript生成HTML表单

我的应用程序使用javascript为我的网站生成所有HTML。html基本上只包含

<div id="menu"></div><div id="content/><div id="content2/>

javascript取代了div。当我需要创建表单时，我发现自己在做很多重复的任务

var html = "<form id="form1"> ... </form>";

var html=“…”；

是否有一个好的框架来生成HTML表单，以便您可以执行以下操作

generateForm(<formId>, [{name: "field1", type: button}, {name: "field2", type: input}]);

generateForm（，[{name:“field1”，类型：button}，{name:“field2”，类型：input}]）；

---

或者类似的东西？

您可以通过使用MooTools、jQuery等框架来简化生成过程

要生成一个表单，您可以使用如下内容（在中）：

---

您可以将此逻辑封装在一些集中代码生成的方法中

我编写了一个项目，我使用javascript创建了表tr和td：

objTR=document.createElement（“TR”）
对象设置属性（“id”、“因子行”+id）

objTD=document.createElement（“TD”）
objDIV=document.createElement（“DIV”）

objDIV.setAttribute（“id”、“标题”+id）
objDIV.innerHTML=标题
objTD.appendChild（objDIV）
对象附加子对象（objTD）

---

我想这孩子会为你工作的。您必须创建表单元素及其属性，然后将其附加到其父元素。希望对你有帮助；）

您也可以尝试像
这样的模板引擎

---

定义HTML，然后根据JSON数据呈现它们。

因此，当我禁用javascript时，我会从您的网站获得一个空白页面。好主意。顺便说一句，谷歌也将一无所获——这是一个内部应用程序。它纯粹是一个java应用程序的接口，不需要重新加载也很好。在jQuery中如何实现？var form=$（''）.attr（'id'，'formId'）.attr（'class'，'formClass'）；var btn=$（''）.attr（'type'，'button'）；附加表格（btn）；希望能有帮助。卡普斯。

var form = new Element('form', { 'id' : 'myFormId', 'class' : 'myFormClass', ... });
var btn = new Element('input', { 'type' : 'button' , ... })
form.inject(btn);