在框架中提交表单答案

【问题标题】：Form submission in frame在框架中提交表单
【发布时间】：2016-04-01 05:09:58
【问题描述】：

我有一个包含target 的表单，我希望在提交后只将表单替换为目标页面，而不是整个页面。我已经将表单包装在<frame> 标记中，但是在表单提交之后，整个页面都会重新加载表单提交目标，而不仅仅是表单本身（包含在框架标签中）。

无论如何要让表单提交只替换该框架。理想情况下，浏览器中的 URL 不会改变。

【问题讨论】：

【解决方案1】：

您可以像这样使用 iframe。 如果您将 iframe 设置为表单的目标，则响应将被重定向到 iframe。

您只需使用 iframe 的名称作为表单的目标属性。

<form id='myform' action='action.php' method='POST' target='formresponse'>

  <label for='name' >Your Full Name*: </label><br/>
  <input type='text' name='name' id='name' maxlength="50" /><br/>

  <label for='email' >Email Address*:</label><br/>
  <input type='text' name='email' id='email' maxlength="50" /><br/>

  <input type='button' name='Submit' value='Submit' />

</form>

<iframe name='formresponse' width='300' height='200'></iframe>

http://www.html-form-guide.com/web-form/submit-form-multiple-scripts.html

MDN Form target

【讨论】：

【解决方案2】：

试试这个

<form action="your action" target="iframe name">
</form>


<iframe style="display:none" name="iframe name"></iframe>

【讨论】：

【解决方案3】：

这可以工作

<form action="Action 1 " target="iframe name"></form>
<iframe style="display:none" name="iframe name"></iframe>

告诉我你得到了什么

【讨论】：