便宜VPS主机精选
提供服务器主机评测信息

表单提交后怎么跳转到别的页面

表单提交后可以通过以下方法跳转到其他页面:

<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 也可以是相对路径或绝对路径。

通过上述方法,可以在表单提交后实现页面的跳转,从而展示或处理提交后的结果。

未经允许不得转载:便宜VPS测评 » 表单提交后怎么跳转到别的页面