JavaScript 从 JSON 或类似数据生成/呈现动态 HTML 表单？答案

【问题标题】：JavaScript to generate/render dynamic HTML form from JSON or similar data?JavaScript 从 JSON 或类似数据生成/呈现动态 HTML 表单？
【发布时间】：2014-03-18 22:36:42
【问题描述】：

我想为查看者提供一个根据用户输入修改的联系表单。 Ext JS site 就是这种形式的一个例子。我没有研究过产品，但我想知道是否有任何其他程序/功能可以动态生成这样的表格？我只发现了向现有表单添加其他输入元素的示例。

【问题讨论】：

标签： javascript html forms

【解决方案1】：

这里有一些其他的实现：

http://neyeon.com/p/jquery.dform/（取决于 jQuery）
http://neyric.github.com/inputex/（取决于 YUI）
http://robla.net/jsonwidget/

我还计划将此功能添加到我自己的 js-forms 库中，该库也将处理验证。

【讨论】：

谢谢。 jquery.dform 从 JSON 结构生成表单，但不是自适应的。 jsonwidget 生成表单并允许实时编辑表单/jason 对象。 inputex 还从 JSON 生成表单并具有实时编辑器。
不自适应是什么意思？
@Jonny 您的所有 3 个链接都不再有效。你能帮帮我吗？我正在尝试使用 jquery formbuilder 制作 html 表单。

【解决方案2】：

您始终可以使用 JavaScript 创建任何您喜欢的 DOM 结构。无论是额外的输入，还是额外的 FORM 元素。当然，这取决于您在服务器端使用什么来处理表单数据以及您是如何处理的。

也许我没有理解你的问题的本质，因为你没有很好地解释自己。

ExtJS 是一个 JavaScript 库，可以在客户端完成所有工作。它还提供了通过提供 Javascript 配置对象来快速创建用户界面的能力，这将导致丰富的小部件创建。

您也可以使用 jQuery（和 jQueryUI）做很多事情，但如何做取决于您自己。 ExtJS 只是拥有这些功能非常丰富且视觉一致的客户端控件/小部件集，您可以开箱即用地使用它们，而无需进行太多额外的开发（更不用说自定义开发带来的 bug 消除）。

例如：在编写 Asp.net MVC 应用程序时，很容易发出 Ajax 调用，该调用将返回所谓的部分视图的 HTML 以及表单的完整 HTML，然后您可以轻松地将其显示在模式对话框中。

如果您确实需要所有这些功能来创建类似桌面的应用程序，我建议您尝试使用 ExtJS，因为它绝对是一个非常好的产品。大约 3 年前（第 2 版）我在某个项目中使用过它，我对他们用它完成的工作感到惊讶。它是一款功能非常丰富的产品，可以非常轻松地创建类似于 Web 应用程序的桌面。

但如果您追求的是普通网站，那么类似桌面的体验可能不是您应该为访问者提供的。

【讨论】：