如何在表单周围放置 iFrame答案

【问题标题】：How to place an iFrame around a form如何在表单周围放置 iFrame
【发布时间】：2013-12-11 06:24:51
【问题描述】：

如何在此表单周围放置 iFrame？在提交时，我的按钮会指向成功页面，我需要将所有内容都留在一个屏幕上，因此包含iframe。我怎样才能做到这一点？我以前从未使用过它们，在表单周围添加<iframe> </iframe> 标签只会让它消失。

这是我的表格：

<form action="#link">
    <input type="text" name="name" required placeholder="Enter your name"/>
    <input type="email" name="email" required placeholder="Enter a valid e-mail address"/>
    <input type="text" name="comment" required placeholder="Enter your comment"/>
    <input type="submit" value="submit" />
</form>

【问题讨论】：

看不到 html。如果您希望它留在同一页面中，为什么不尝试 ajax。

标签： html forms iframe

【解决方案1】：

如果您将表单代码（包括重定向到成功页面的代码）放在单独的文档（通常是 PHP）中，则将该文档的 iFrame 添加到您想要的位置。

【讨论】：

【解决方案2】：

iframe 是一种标签，可让您将一个页面包含在另一个页面中。因此，您必须链接到另一个文件，并且您不能将其他标签放入其中，就像您尝试的那样。

要实现您的需要，您必须创建一个文件，我们将其命名为 your_other_file.php，其中包含表单代码和成功页面的代码。

在你的主页中，你放了这样的东西

<iframe width="800"  height="600" src="your_other_file.php"></iframe>

根据您的目的，您可能更喜欢通过 ajax 发送表单并更新 de div。但如果你没有太多经验，这种方法就足够了。

【讨论】：