Java OpenResty Spring Spring Boot MySQL Redis MongoDB PostgreSQL Linux Android Nginx 面试 小程序 Arthas JVM AQS juc Kubernetes Docker 诊断工具

HTML 使用 tabindex 控制 Tab 键按键顺序

HTML 大约 653 字

格式

number从1开始。

<element tabindex="number">

防止 Tab 键选中

将tabindex设置为-1将不会被Tab键选中。

可配合aria-hidden="true"不暴露给辅助阅读。

<a href="" tabindex="-1">链接三</a>

完整案例

Tab键按键顺序如下：

  1. 链接二
  2. 链接一
  3. 链接四
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<p>
    <a href="" tabindex="2">链接一</a>
</p>
<p>
    <a href="" tabindex="1">链接二</a>
</p>
<p>
    <a href="" tabindex="-1">链接三</a>
</p>
<p>
    <a href="" tabindex="3">链接四</a>
</p>
</body>
</html>
阅读 504 · 发布于 2022-09-08

————        END        ————

Give me a Star, Thanks:)

https://github.com/fendoudebb

扫描下方二维码关注公众号和小程序↓↓↓

扫描二维码关注我
昵称：
随便看看 换一批