即时 JavaScript 表单，没有 HTML 表单 [关闭]答案

【问题标题】：JavaScript forms on the fly, no HTML forms [closed]即时 JavaScript 表单，没有 HTML 表单 [关闭]
【发布时间】：2011-10-05 20:30:44
【问题描述】：

我正在尝试构建一个 Web 应用程序，该应用程序将采用扫描纸质表单，在它之上，我将能够使用 jQuery 之类的 JavaScript 添加文本框，稍后我可以使用它来填写表单并将其打印为 PDF或通过电子邮件发送。

我的问题是关于 JavaScript，是否有任何现有的库可以让我拖放文本框（注意我不想要文本字段）并且可以记住它的位置？

表单会有很多字段，而且表单会从一个到另一个变化很大，这就是为什么我没有将表单转换为常规 HTML 表单的原因。后端我打算在 LAMP 中使用 Drupal，所以已经包含了 jQuery。

谢谢。

注意：我仍然不明白为什么这个问题很接近，但仅供参考，以防有人有类似问题，解决方案是使用 jquery annotate image pluging。通过使用此插件，我可以单击图像中的任意位置并向其添加文本。我还必须进行一些更改，以便它也可以显示注释而无需等待鼠标悬停。

【问题讨论】：

我认为他们希望通过 javascript 将表单放置在绝对位置。如果他们使用 java 小程序，这听起来会容易得多。
有时让我担心的是，我似乎能够非常清楚地理解对其他人没有任何意义的事情。
@LarryLustig，我同意。这个问题对我来说很有意义。
我不知道为什么这个问题是合法的问题。我只是想看看是否有一个现有的 JavaScript 库来完成我想做的事情。
投票重新开放。这是一个非常合理的初学者 jQuery（或其他 javascript 库）问题。还有一个有趣的。也许不是很清楚，但足够清楚，可以轻松且具体地回答。

【解决方案1】：

是的，您可以使用 JQuery drag and drop、YUI drag and drop 或其他库来拖动 dom 元素，包括表单字段。

但是您仍然需要编写大量软件来创建一个工作应用程序。

根据你的技能水平，工作量要么是可行的，要么你需要聘请一名程序员......祝你好运。

添加 Re：记住字段的位置。当您收到“拖动结束”事件时，您可以查询库以找出被拖动字段的当前位置。那时，您可能会使用 Ajax 在您的服务器上的数据库中存储/更新该字段的新位置。

您可能还想查看 FormAssembly、Mufoo 和其他表单包，看看您是否可以为表单使用自己的背景（扫描图像）。

【讨论】：

【解决方案2】：

如果我理解正确，您希望这种将文本框定位为图像叠加层的设计器功能在浏览器中工作——您的应用程序是设计器，而不是最终的表单填充器？

查看jQuery draggable 以完成移动。您需要自己保留布局，但这应该不难。您可以使用 Save 按钮执行此操作，也可以实际使用由可拖动定义的 Stop() 事件，并在更改发生时持久化。

【讨论】：