在网站上嵌入表单

【问题标题】：Embedding Forms on Sites在网站上嵌入表单
【发布时间】：2019-12-24 03:25:32
【问题描述】：

我正在构建一个表单，我希望用户能够使用 sn-p 代码将其嵌入到他们的网站上，例如：

<div id="my-form"></div>
<script src="my-bundle.js"></script>

这样做的最佳方法是什么。我计划使用前端 JS 框架构建表单，但除此之外，任何帮助（如何部署、最佳实施方法）都将不胜感激。

【问题讨论】：

类似：????您是否忘记在您的问题中添加一些内容？
iframe 元素可用于嵌入其他网站...否则，您可以显示表单的外观。

标签： javascript deployment

【解决方案1】：

让他们嵌入这两行代码。脚本的 src 应该指向您托管的 js 文件，在该文件中您将拥有一个自我执行功能，代码如下：

(function () {
    var formData = '<form action="http://submit-url">'
        + '<div><input type="text" name="FirstName" /></div>'
        + '<div><input type="text" name="LastName" /></div>'
        + '<div><input type="text" name="Email" /></div>'
        + '<div><input type="submit" value="Submit" /></div>'
        + '</form>';

    document.getElementById("my-form").innerHTML = formData;
})();

【讨论】：