要实现在不使用JavaScript的情况下,在一个页面中拥有两个表单并且能够链接到另一个页面,可以考虑以下方法:
示例代码:
<form action="page1.html" method="POST">
<!-- 表单1的输入字段 -->
<input type="text" name="field1">
<input type="submit" value="提交表单1">
</form>
<form action="page2.html" method="POST">
<!-- 表单2的输入字段 -->
<input type="text" name="field2">
<input type="submit" value="提交表单2">
</form>
示例代码:
<!-- 页面1中的表单 -->
<form action="page1.html" method="POST" target="iframe1">
<!-- 表单1的输入字段 -->
<input type="text" name="field1">
<input type="submit" value="提交表单1">
</form>
<!-- 页面2中的表单 -->
<form action="page2.html" method="POST" target="iframe2">
<!-- 表单2的输入字段 -->
<input type="text" name="field2">
<input type="submit" value="提交表单2">
</form>
<!-- iframe用于展示表单提交后的页面 -->
<iframe name="iframe1"></iframe>
<iframe name="iframe2"></iframe>
以上两种方法都不需要使用JavaScript来实现表单的链接和跳转,但需要注意的是,第一种方法在提交表单时会刷新整个页面,而第二种方法则可以在iframe中局部刷新,提升用户体验。
领取专属 10元无门槛券
手把手带您无忧上云