tabindex 属性 html5洗属性 规定当使用 “tab“ 键进行导航时元素的顺序。
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“ 键进行导航时元素的顺序。相关推荐
- HTML5: 全局属性
出处:http://www.cnblogs.com/starof/p/4593741.html 全局属性:对于任何一个标签都是可以使用的属性. 一.data-* 在html5之前需要在html标签上添 ...
- tabindex, taborder和notab属性的区别
tabindex, taborder和notab属性默认状态下,所有元素(隐藏元素除外)都是表单制表(tab)顺序的一部分.当用户按下Tab键时,浏览器会将输入焦点由表单中的这个元素转移到下一个元素上 ...
- html5 规定输入字段,HTML5 Input属性详解
本篇教程探讨了HTML5 Input属性详解,希望阅读本篇文章以后大家有所收获,帮助大家HTML5+CSS3从入门到精通 . < value 属性 value 属性规定输入字段的初始值: rea ...
- html.textboxfor属性,label标签中的for属性与form属性
HTML中的label标签是干什么的?在讲这个标签之前先来做一个示范,请点击以下的文本框控件: 你的姓名是: 大家都知道上面的文本框使用的是input元素,当鼠标点击文本框时就能输入文本,若是点击文本 ...
- html5指南--1.html5全局属性(html5 global attributes)
今天开始一个全新的关于html5系列课程,是我读<The Definitive Guide to HTML5 >的学习笔记.我会把自己觉得里面不错的章节,或者有意义的内容进行整理,以供大家 ...
- HTML5 全局属性
HTML5 全局属性 了解HTML5新加入的内容,首先了解对于所有元素都适应的全局属性,一部分是HTML5新添加的属性,一部分是HTML5之前就已经存在的属性,至于是什么时候添加到HTML标准中,就不 ...
- HTML5 自动聚焦 属性
原文 : HTML5 autofocus Attribut 原文发布时间: 2012年08月27日 翻译时间: 2013年8月6日 HTML5 推出了一大堆精彩的东西给我们. 过去我们要用JavaSc ...
- html5常见使用的属性,HTML5常见五种常规全局属性
HTML5中有很多的属性,新增了一个HTML中没有的属性:全局属性. 接下来一起看HTML5常见五种常规全局属性. contentEditable属性 contentEditable是由微软开发.被其 ...
- HTML5标签属性全在这里了
一.HTML5文档结构 HTML5文档的基本结构 <!DOCTYPE html> <html><head><meta charset="utf-8& ...
最新文章
- Keras Lambda层
- BZOJ5091摘苹果(概率、期望)
- 2012年寒假•青年基金【修改后发表】
- pythonjam怎么运行_第二十四天 PYTHON学习
- Python 命令行传参
- oracle sum详解,oracle sum()聚合函数
- mysql 两字段相乘_sql统计2列相乘和语句.doc
- 8 SAP QUERY定制报表操作手册 SQVI-推荐
- python带我起飞_Python带我起飞:入门、进阶、商业实战
- 【转】android实现退出整个工程
- 一位小创业者血泪史:培养过很多技术大佬,但我还在发传单(转)
- Python Scrapy 爬虫框架实例(一)
- python 最小二乘回归 高斯核_[数值计算] 数据拟合——非线性最小二乘法
- 互动直播系统源码,直播系统依托于IM技术
- 会声会影编辑html,网页视频制作使用会声会影剪辑
- markdown 数学公式符号大全
- 用户体验设计师到底有多重要
- 操作系统原理实验(3):操作系统的基石中断与异常
- 软件学习——定时器(3)
- seo专员日常工作内容是什么?
热门文章
- centos7防火墙(centos7防火墙开放22端口)
- 达达开放平台php,【即时配送】达达开放平台授权绑定提示“已开通其他渠道”?...
- win10电源高性能被隐藏了怎么办?
- 怎样去测量CAD面积?
- MaxScript创建十二面体的代码
- 网吧无盘服务器怎么弄,网吧无盘服务器怎么设置不了
- c++ socket服务器端和客户端实例(实现简单监控功能)
- 【自用】Android | Bitmap的水平垂直翻转
- 在一句话后面加ps是表示附言的意思
- 一次洗脚引发的线程池思考