HTML tabindex属性是什么？ 有什么作用？

tabindex 属性是 HTML 中的一个全局属性，它指定了元素在键盘导航时的顺序。使用 tabindex 可以控制用户通过键盘（通常是 Tab 键）在页面上的元素间导航的顺序。

作用：

1. 提高可访问性： 通过设置 tabindex，开发者可以改善网站的可访问性，使其更友好地支持键盘操作，尤其是对于那些无法使用鼠标的用户。

2. 界面导航控制： 有时界面中的元素顺序并不符合逻辑或直观的导航顺序，tabindex 可以用来自定义这一顺序。

3. 包含非交互元素： 默认情况下，某些元素如 div 或 span 不会被包括在 Tab 导航中。通过设置 tabindex，这些元素也可以被包括在内，这对于创建丰富的交互式应用非常有用。

示例：

假如有一个表单，我们希望用户能按照特定的顺序导航：

html
<input type="text" placeholder="Enter your first name" tabindex="1">
<input type="text" placeholder="Enter your last name" tabindex="3">
<input type="text" placeholder="Enter your email" tabindex="2">
<button type="submit" tabindex="4">Submit</button>

在这个例子中，用户首先会聚焦到“first name”输入框，然后是“email”输入框（因为其 tabindex 设置为 2），接着是“last name”输入框，最后是提交按钮。这样的设置可以帮助引导用户按照开发者预期的顺序填写信息，提升用户体验。