51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

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

参考信息 {#menu_index_1}

示例代码 {#menu_index_2}

可以通过 formtarget 属性指定在提交表单之后,在哪里显示响应信息:

<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>

注意事项 {#menu_index_3}

  • form 元素中的 target 属性值需要对应目标 iframe 元素的 name 属性值。
  • iframe 元素可以放到 body 中的任意位置。
赞(0)
未经允许不得转载:工具盒子 » 「Web 前端」通过 iframe 实现 form 表单提交不跳转页面