html form表单提交后不刷新不跳转的实现方法------巧妙地用iframe

最新推荐文章于 2023-08-24 22:31:10 发布

原创最新推荐文章于 2023-08-24 22:31:10 发布 · 783 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍了一种在提交HTML表单后不刷新页面的方法，通过将form元素的action属性设置为空并使用隐藏的iframe来实现。这种方法可以避免页面内容因刷新而丢失。

在默认情况下，提交form表单后，是有刷新的。但是，有的时候，希望提交表单后不要刷新，免得把页面已经有的东东给刷跑了，那怎么搞呢（最近刚好碰到）？实例代码如下：

<html><body><form action="" method="post" target="nm_iframe"> <input type="text" id="id_input_text" name="nm_input_text" /> <input type="submit" id="id_submit" name="nm_submit" value="提交" /></form><iframe id="id_iframe" name="nm_iframe" style="display:none;"></iframe></body></html>