php - 将 anchor 标记与表单的操作属性结合使用

Question

我正在使用 php 为站点构建 CMS。我在发布到自身的页面上有多个表单。每次重新加载页面以填充表单时，它都会显示页面顶部。 (像平常一样)下面的伪代码可以更好地说明我的问题:

<Form 1>(top of page)
   bla
   bla
   bla
</form1>
<Form 2>(middle of page)
   bla
   bla
   bla
</form2>
<Form 3>(bottom of page) (how do i get this to show at the top when the page reloads?)
   bla
   bla
   bla
</form3>

我觉得我没有看到一个简单的方法。但是已经很晚了，而且是那样的一天。像往常一样提前感谢大家。

Answer 1

您可以在每个表单之前插入一个带有 id="idname" 的元素，然后在表单操作中包含该 anchor ​​(#idname)。

<div id="form1"></div>
<form action="this_page.php#form1">
...
</form>

<div id="form2"></div>
<form action="this_page.php#form2">
...
</form>

会发生什么:提交表单后， anchor 将页面滚动到具有该 ID 的元素。

请注意，在表单之前有一个空元素允许将屏幕精确地滚动到该点，因此，在表单开始之前滚动。