「Web 前端」通过 iframe 实现 form 表单提交不跳转页面

参考信息

• https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/form

示例代码

可以通过 form 的 target 属性指定在提交表单之后，在哪里显示响应信息：

<form action="example.php" method="post" target="result_element">
  <input name="input_text" type="text" />
  <input name="form_submit" type="submit" value="提交" />
</form>
<!-- example.php 页面返回的数据，将会在 iframe 中显示 -->
<iframe name="result_element"></iframe>

注意事项

• form 元素中的 target 属性值需要对应目标 iframe 元素的 name 属性值。
• iframe 元素可以放到 body 中的任意位置。

隐私政策和规则
点击此处查看详情
转载说明
欢迎任何网络媒体和网站转载本站的内容，转载时请注明作者和博客文章链接。
其他说明
本站部分内容可能已过时，仅供参考，请留意内容发布日期。