HTML 使用 tabindex 控制 Tab 键按键顺序
HTML 大约 653 字格式
number
从1
开始。
<element tabindex="number">
防止 Tab 键选中
将tabindex
设置为-1
将不会被Tab
键选中。
可配合aria-hidden="true"
不暴露给辅助阅读。
<a href="" tabindex="-1">链接三</a>
完整案例
Tab
键按键顺序如下:
- 链接二
- 链接一
- 链接四
<!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扫描下方二维码关注公众号和小程序↓↓↓

昵称:
随便看看
换一批
-
Ubuntu 安装 Docker阅读 1277
-
Linux 查看 cron 定时任务执行日志阅读 5802
-
软考-系统架构设计师:进程管理-银行家算法阅读 1385
-
MySQL 查询冗余索引阅读 2287
-
Docker 部署 GitLab阅读 1448
-
MySQL 之延迟键写入 DELAY_KEY_WRITE阅读 2526
-
java.sql.SQLDataException: ORA-01861: literal does not match format string阅读 3611
-
Linux 命令之查看进程启动时间阅读 2263
-
Gradle 项目无法下载 jar 包阅读 1892
-
Spring Boot 整合 Log4j2 不起作用阅读 1705