您现在的位置是:首页 > 学习记录 > html+css+js前端学习
html页面中的超链接怎么实现tab键切换功能
2020-11-25【html+css+js前端学习】
313人已围观
简介一般来说很多网站中都有至少一个的导航,这个时候使用tab键进行导航的切换就成为一个需求,在html页面中的超链接怎么实现tab键切换功能?赵德瑞个人网站整理html的tabindex属性用来定义tab键访问顺序,之后就可以通过tab键切换并遍历页面中的链接和表单,切换的顺序也可以通过tabindex的属性值来决定。具体写法举例如下: <a href="#" tabindex="1"...
一般来说很多网站中都有至少一个的导航,这个时候使用tab键进行导航的切换就成为一个需求,在html页面中的超链接怎么实现tab键切换功能?赵德瑞个人网站整理
html的tabindex属性用来定义tab键访问顺序,之后就可以通过tab键切换并遍历页面中的链接和表单,切换的顺序也可以通过tabindex的属性值来决定。
具体写法举例如下:
<a href="#" tabindex="1">tab1</a>
<a href="#" tabindex="3">tab2</a>
<a href="#" tabindex="2">tab3</a>
这三行代码在页面中实现的效果就是切换的时候,从tab1切换到tab3,最后切换到tab2,tabindex属性的值就是切换的顺序。
在选中某个导航链接时,按下鼠标的Enter键就能打开链接页面了。
很赞哦! (0)
上一篇:已经是第一篇
下一篇:已经是最后一篇
文章评论
共0条评论
- 这篇文章还没有收到评论,赶紧来抢沙发吧~
点击排行
博主推荐
站点信息
- 建站时间:2019-07-10
- 网站程序:YzmCMS
- 邮箱:982481365@qq.com
- QQ号:982481365
- 微信号:zdrgzs
- 微信二维码:扫描二维码,关注我们