您现在的位置是:首页 > 学习记录 > html+css+js前端学习

html页面中的超链接怎么实现tab键切换功能

2020-11-25【html+css+js前端学习】 768人已围观

简介一般来说很多网站中都有至少一个的导航,这个时候使用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键就能打开链接页面了。




很赞哦! (1)

文章评论

共0条评论
  • 这篇文章还没有收到评论,赶紧来抢沙发吧~

博主推荐

站点信息

  • 建站时间:2019-07-10
  • 网站程序YzmCMS
  • 邮箱:982481365@qq.com
  • QQ号:982481365
  • 微信号:zdrgzs
  • 微信二维码:扫描二维码,关注我们