没有JavaScript的默认html表单焦点

Question

是否可以在不使用JavaScript的情况下在HTML表单上设置默认输入焦点,例如:

<html>
  <form>
    Input 1: <input type="text" name="textbox1"/>
    <br/>
    Input 2: <input type="text" name="textbox2"/>
  </form>
</html>

我想在不使用JavaScript的情况下加载表单时将默认焦点设置为任一文本框(因为我希望在用户禁用js时发生这种行为).

Answer 1

您可以在HTML5中执行此操作,但除此之外,您必须使用JavaScript.

HTML5允许您添加autofocus到表单元素,例如:

<input type="text" name="myInput" autofocus />

这在支持HTML5的浏览器中工作(或者更确切地说,支持HTML5的这个特定部分的浏览器)但是如你所知,并非所有人都可以使用它.

Answer 2

需要注意的事项......如果您设置了一个聚焦的表单元素,那么使用辅助技术(AT)的任何人都需要备份以查看菜单和聚焦字段之前的任何其他内容.

在我看来,一种优选的方法是不将焦点设置到任何字段,除非跳过链接可用.这使他们可以选择跳过页面内容或从上到下阅读页面.