Question

如果我访问我的网站，页面会立即滚动到联系表单页面中的第一个输入，而不是显示在页面顶部。我可以在jquery脚本中设置scrollTop来修复它，但我宁愿得到一个可以在不使用jquery或javascript操作页面的情况下工作的解决方案。任何人都可以解释这种行为或如何解决它？

网站：http://danmacmill.host22.com/

Answer 1

删除该输入的自动对焦部分，问题就消失了。

Answer 2

这是因为autofocus上有<input name="name"/>。尝试删除它。

Answer 3

我认为这会给你带来问题

<form action="demo_form.asp">
  First name: <input type="text" name="fname" autofocus><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit">
</form>

但如果您以这种方式使用它，它将解决您的问题

<form action="demo_form.asp">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit">
</form>

检查出来

Answer 4

删除自动对焦属性：

<span>Name*:</span>

<input name="name" placeholder="Please enter your name" type="text" tabindex="1" required autofocus>

Answer 5

这是因为您对该输入的自动对焦参数。您必须将其删除或使用js进行操作

我的网站加载到第一个输入表单

5 个答案: