tabindex 属性 html5洗属性  规定当使用 "tab" 键进行导航时元素的顺序。

定义和用法
tabindex 属性规定当使用 "tab" 键进行导航时元素的顺序。

一、在 HTML5 中, tabindex 属性可用于任何的 HTML 元素 (它会验证任何HTML元素。但不一定是有用。

①在可以操作的元素上面才会有效,

②<a>, <area>, <button>, <input>, <object>, <select>, 和 <textarea>这些事可以操作的元素,用在上面是有效的,

③在下面这个通过属性变更为可编辑可操作的的p元素的  使用tabindex 是有效的

<p contenteditable= "true" spellcheck= "true" tabindex= "3" >可编辑的段落。 </p>
      
二、在 HTML 4.01中, tabindex 属性可用于: <a>, <area>, <button>, <input>, <object>, <select>, 和 <textarea>。

代码:

  <p contenteditable="true" spellcheck="true" tabindex="3">可编辑的段落。</p><p><a href="#" tabindex="4"> xiaomizhou</a></p><p><a href="#" tabindex="1">Google</a></p><p><a href="#" tabindex="2">Microsoft</a></p>

结果:

打开这个网页,

按住tab键,依次访问的内容是

Google
Microsoft
可编辑的段落。
xiaomizhou
————————————————
版权声明:本文为CSDN博主「liuxmoo」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/xiaomizhou66a/article/details/80916147

tabindex 属性 html5洗属性 规定当使用 “tab“ 键进行导航时元素的顺序。相关推荐

  1. HTML5: 全局属性

    出处:http://www.cnblogs.com/starof/p/4593741.html 全局属性:对于任何一个标签都是可以使用的属性. 一.data-* 在html5之前需要在html标签上添 ...

  2. tabindex, taborder和notab属性的区别

    tabindex, taborder和notab属性默认状态下,所有元素(隐藏元素除外)都是表单制表(tab)顺序的一部分.当用户按下Tab键时,浏览器会将输入焦点由表单中的这个元素转移到下一个元素上 ...

  3. html5 规定输入字段,HTML5 Input属性详解

    本篇教程探讨了HTML5 Input属性详解,希望阅读本篇文章以后大家有所收获,帮助大家HTML5+CSS3从入门到精通 . < value 属性 value 属性规定输入字段的初始值: rea ...

  4. html.textboxfor属性,label标签中的for属性与form属性

    HTML中的label标签是干什么的?在讲这个标签之前先来做一个示范,请点击以下的文本框控件: 你的姓名是: 大家都知道上面的文本框使用的是input元素,当鼠标点击文本框时就能输入文本,若是点击文本 ...

  5. html5指南--1.html5全局属性(html5 global attributes)

    今天开始一个全新的关于html5系列课程,是我读<The Definitive Guide to HTML5 >的学习笔记.我会把自己觉得里面不错的章节,或者有意义的内容进行整理,以供大家 ...

  6. HTML5 全局属性

    HTML5 全局属性 了解HTML5新加入的内容,首先了解对于所有元素都适应的全局属性,一部分是HTML5新添加的属性,一部分是HTML5之前就已经存在的属性,至于是什么时候添加到HTML标准中,就不 ...

  7. HTML5 自动聚焦 属性

    原文 : HTML5 autofocus Attribut 原文发布时间: 2012年08月27日 翻译时间: 2013年8月6日 HTML5 推出了一大堆精彩的东西给我们. 过去我们要用JavaSc ...

  8. html5常见使用的属性,HTML5常见五种常规全局属性

    HTML5中有很多的属性,新增了一个HTML中没有的属性:全局属性. 接下来一起看HTML5常见五种常规全局属性. contentEditable属性 contentEditable是由微软开发.被其 ...

  9. HTML5标签属性全在这里了

    一.HTML5文档结构 HTML5文档的基本结构 <!DOCTYPE html> <html><head><meta charset="utf-8& ...

最新文章

  1. Keras Lambda层
  2. BZOJ5091摘苹果(概率、期望)
  3. 2012年寒假•青年基金【修改后发表】
  4. pythonjam怎么运行_第二十四天 PYTHON学习
  5. Python 命令行传参
  6. oracle sum详解,oracle sum()聚合函数
  7. mysql 两字段相乘_sql统计2列相乘和语句.doc
  8. 8 SAP QUERY定制报表操作手册 SQVI-推荐
  9. python带我起飞_Python带我起飞:入门、进阶、商业实战
  10. 【转】android实现退出整个工程
  11. 一位小创业者血泪史:培养过很多技术大佬,但我还在发传单(转)
  12. Python Scrapy 爬虫框架实例(一)
  13. python 最小二乘回归 高斯核_[数值计算] 数据拟合——非线性最小二乘法
  14. 互动直播系统源码,直播系统依托于IM技术
  15. 会声会影编辑html,网页视频制作使用会声会影剪辑
  16. markdown 数学公式符号大全
  17. 用户体验设计师到底有多重要
  18. 操作系统原理实验(3):操作系统的基石中断与异常
  19. 软件学习——定时器(3)
  20. seo专员日常工作内容是什么?

热门文章

  1. centos7防火墙(centos7防火墙开放22端口)
  2. 达达开放平台php,【即时配送】达达开放平台授权绑定提示“已开通其他渠道”?...
  3. win10电源高性能被隐藏了怎么办?
  4. 怎样去测量CAD面积?
  5. MaxScript创建十二面体的代码
  6. 网吧无盘服务器怎么弄,网吧无盘服务器怎么设置不了
  7. c++ socket服务器端和客户端实例(实现简单监控功能)
  8. 【自用】Android | Bitmap的水平垂直翻转
  9. 在一句话后面加ps是表示附言的意思
  10. 一次洗脚引发的线程池思考