如何在表单周围放置iFrame

时间:2013-12-10 21:49:28

标签: html forms iframe

如何在此表单周围放置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>

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

iframe是一个标记,允许您在另一个页面中包含一个页面。因此,您必须链接到另一个文件,并且您不能在其中放置其他标记,就像您尝试的那样。

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

在您的主页中,您输入了类似的内容

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

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