在html和flask中提交表单后，如何默认显示在页面底部

Question

我有一个指向'/prodiction'的表单。

<form action = '/prediction' method = 'post'>
<input type = 'number' name = 'shotsh'/>

我希望表单在页面底部而不是顶部打开"/预测"。如果这不可能，我可以直接在我创建url的Flask应用程序的底部打开页面吗？

@app.route('/prediction',  methods = ['GET', 'POST'])
def prediction():
...

Answer 1

您可以使用指向元素ID的URL片段使浏览器跳转到HTML页面的特定部分。

首先，您需要在页面末尾添加一个元素。元素类型无关紧要，只是ID。此ID的值对于整个页面必须是唯一的。

<div id="bottom"></div>

然后，您可以通过在URL中添加一个标签和ID来指示浏览器跳转到该区域，例如：

<form action="/prediction#bottom" method="post">

并非所有浏览器都支持将其作为表单目标，因此您可能需要在页面中添加一些JS来执行加载时的跳转。