form提交不跳转

form 表单提交数据,往往会刷新页面,数据提交后会跳转到其他页面
如果不需要刷新页面时,可以通过ifame实现无刷新。
form表单下定义一个ifame
formtarget 属性指向 iframename 属性,这样就实现了不刷新页面的form提交。

<form action="./radioformserver.php" target="frameName">
    <input type="radio" name="sel" id="" value="a">a
    <input type="radio" name="sel" id="" value="b">b
    <input type="radio" name="sel" id="" value="c">c
    <input type="radio" name="sel" id="" value="d">d
    <button>提交</button>
</form>
<iframe src="" frameborder="0" name="frameName"></iframe>

应用:在做选择题的时基本都有上一题和下一题,但是只想记录选择了哪个选项(提交)却不想跳转
参考一
参考二

猜你喜欢

转载自blog.csdn.net/weixin_47896488/article/details/122511889