什么是TabIndex？
TabIndex是HTML中的一个全局属性，用于指定页面元素的tab键顺序和焦点控制。当用户使用Tab键在网页中进行键盘导航时，TabIndex属性可以控制页面元素的聚焦顺序。
TabIndex属性可以应用于任何HTML元素，并接受一个整数值作为参数，用于表示页面元素在tab键顺序中的位置。TabIndex属性的取值范围为-1、0、正整数等三种情况。
当TabIndex属性的值设置为-1时，该元素不会被tab键所聚焦，但是可以通过调用JavaScript的focus()方法来将它聚焦。
当TabIndex属性的值设置为0时，浏览器默认按照文档流中元素出现的顺序来控制焦点。
当TabIndex属性的值大于0时，按照TabIndex值从小到大的顺序来控制焦点。
在下面的代码示例中，我们使用TabIndex属性来指定输入框和按钮的tab键顺序。
html
<input type="text" tabindex="1" placeholder="Input box">
<button tabindex="2">Submit</button>
在上述代码中，我们给输入框和按钮分别设置了TabIndex属性，将它们的tab键顺序设置为1和2，表示按顺序首先聚焦输入框，然后聚焦按钮。
TabIndex属性对于可访问性非常重要，它可以帮助那些使用键盘进行导航的用户更加方便地使用网页，提高用户体验。合理设置TabIndex属性可以让页面元素在键盘导航时的聚焦顺序更加符合页面的语义，使得用户能够更加快速和准确地找到需要的元素。
需要注意的是，在设置TabIndex属性时，应该遵循一些最佳实践，例如避免在页面中重复使用相同的TabIndex值、不要过度依赖TabIndex来控制聚焦顺序等，以确保页面的可访问性和用户体验都能够得到良好的保障。
