表单提交后可以通过以下方法跳转到其他页面:
在 <form>
标签的 action
属性中指定目标页面的 URL:在 <form>
标签中添加一个 action
属性,并将其值设置为目标页面的 URL。例如:
<form action="/target-page" method="post">
<!-- 表单内容 -->
</form>
使用 JavaScript 进行页面跳转:在表单提交完成后,可以使用 JavaScript 来实现页面跳转。可以在提交按钮的点击事件或表单的提交事件中调用 JavaScript 的跳转方法,例如:
<form onsubmit="submitForm(event)">
<!-- 表单内容 -->
<button type="submit">提交</button>
</form>
<script>
function submitForm(event) {
event.preventDefault(); // 阻止表单默认提交行为
// 执行页面跳转
window.location.href = “/target-page”;
}
</script>
无论是通过设置表单的 action
属性还是使用 JavaScript 进行页面跳转,都需要确保目标页面存在,并且提供了相应的处理逻辑来接收和处理表单提交的数据。
请注意,在表单的 action
属性中指定的 URL 可以是相对路径(相对于当前页面)或绝对路径。如果使用相对路径,需要确保路径的正确性。另外,JavaScript 跳转方法中的 URL 也可以是相对路径或绝对路径。
通过上述方法,可以在表单提交后实现页面的跳转,从而展示或处理提交后的结果。