1.0 KiB
1.0 KiB
title, date, lastmod, tags
| title | date | lastmod | tags | |||
|---|---|---|---|---|---|---|
| 「Web 前端」通过 iframe 实现 form 表单提交不跳转页面 | 2025-03-15T22:49:42Z | 2025-03-15T22:50:25Z |
|
「Web 前端」通过 iframe 实现 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中的任意位置。