HTML5 tabindex属性

HTML5 tabindex属性:

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

语法结构:

<element tabindex="number">

浏览器支持:

(1).IE浏览器支持此属性。

(2).谷歌浏览器支持此属性。

(3).火狐浏览器支持此属性。

(4).Safari浏览器支持此属性。

(5).Opera浏览器支持此属性。

HTML4.01与HTML5之间的差异:

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

(2).HTML4.01中, tabindex 属性可用于: <a>, <area>, <button>, <input>, <object>, <select>, 和<textarea>。

属性值:

描述
number 规定元素的tab键控制顺序(1 是第一)。

代码实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.51texiao.cn/" />
<title>蚂蚁部落</title>
</head>
<body>
<a href="#" tabindex="2">css教程</a><br />
<a href="#" tabindex="1">div教程</a><br />
<a href="#" tabindex="3">html5教程</a>
</body>
</html>

原文地址是:http://www.51texiao.cn/HTML5jiaocheng/2015/0618/4611.html

最为原始地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=10029

时间: 2024-08-10 23:17:28

HTML5 tabindex属性的相关文章

html5全局属性

全局属性:对于任何一个标签都是可以使用的属性. 一.data-* 在html5之前需要在html标签上添加自定义属性来存储和操作数据,可能是会写<form role="xxx">,但这是种非常不规范的方式. 也正是因为有这种自定义属性的需求,在html规范里增加了自定义属性data-*属性.html5中开发人员可自定义任何想要的属性,只要加上前缀data-,通过这种方式避免与未来的html版本冲突. <form data-type="comment"

html5 全局属性

有几个属性之前并不熟悉,现在总结一下 其实我是无意间 看到一个关于  contenteditable 的奇淫技巧才决定把每个属性都看一下的. (有些并不是html5才有的属性) 0.  属性规定是否可编辑元素的内容 contenteditable 奇淫技巧链接 http://blog.jobbole.com/32823 <p contenteditable="true">这是一段可编辑的段落.请试着编辑该文本.</p> 一行代码将浏览器变为一个临时编辑器: da

HTML5 学习笔记(二)——HTML5新增属性与表单元素

目录 一.HTML5新增属性 1.1.contextmenu 1.2.contentEditable 1.3.hidden 1.4.draggable 1.5.data-* 1.6.placeholder占位属性 1.7.required必填属性 1.8.pattern正则属性 1.9.autofocus自动聚焦属性 1.10.autocomplete自动完成属性 1.11.novalidate不验证属性 1.12.multiple多选属性 二.HTML5表单新功能解析 2.1.表单结构更自由

div/span等获取焦点问题(tabindex属性的简单理解)

1.先看问题 当我们要对一个div/span元素获取焦点的时候,直接对$("#div1").focus()是不能实现效果的,比如下图: 当点击输入框进行输入后,在点击区域弹出选择地段的时候,input输入框并没有失去焦点(或者说区域的div没有获得焦点),就出现了键盘显示在弹层的上面导致无法选择的bug 解决办法有两个: a:循环所有的input等可以获取焦点的元素,让他们失去焦点(blur); b:点击区域选择地段的时候让div获取焦点,从而解决input不失焦的问题: 在这里对于普

HTML5 dir属性

HTML5 dir属性: 此属性规定元素内容的文本方向. 语法结构: <element dir="ltr|rtl|auto"> 浏览器支持: (1).IE浏览器支持此属性. (2).谷歌浏览器支持此属性. (3).火狐浏览器支持此属性. (4).Safari浏览器支持此属性. (5).Opera浏览器支持此属性. HTML4.01与HTML5之间的差异: (1).HTML5中, dir属性可用于任何的HTML元素 (它会验证任何HTML元素.但不一定是有用). (2).HT

HTML5 class属性

HTML5 class属性: 此属性定义了元素的类名. 通常用于指向样式表的类,也可以用于javascript中(通过 HTML DOM), 来修改HTML元素的类名. 语法结构: <element class="classname"> 浏览器支持: (1).IE浏览器支持此属性. (2).谷歌浏览器支持此属性. (3).火狐浏览器支持此属性. (4).Safari浏览器支持此属性. (5).Opera浏览器支持此属性. HTML4.01与HTML5之间的差异: (1).H

HTML5 contenteditable属性

HTML5 contenteditable属性: 此属性指定元素内容是否可编辑. 当元素中没有设置contenteditable属性时,元素将从父元素继承. 语法结构: <element contenteditable="true|false"> 浏览器支持: (1).IE浏览器支持此属性. (2).谷歌浏览器支持此属性. (3).火狐浏览器支持此属性. (4).Safari浏览器支持此属性. (5).Opera浏览器支持此属性. HTML4.01与HTML5之间的差异:

html5 data属性的使用

html5 data属性定义和用法 <ul> <li data-animal-type="bird">Owl</li> <li data-animal-type="fish">Salmon</li> <li data-animal-type="spider">Tarantula</li> </ul> data-* 属性用于存储页面或应用程序的私有自定义

HTML5 draggable属性

HTML5 draggable属性: 此属性规定元素是否可拖动. 链接和图像默认是可拖动的. 语法结构: <element draggable="true|false|auto"> 浏览器支持: (1).IE8 以上浏览器支持此属性. (2).谷歌浏览器支持此属性. (3).火狐浏览器支持此属性. (4).Safari浏览器支持此属性. (5).Opera浏览器支持此属性. HTML4.01与HTML5之间的差异: draggable属性是HTML5新增的. 属性值: 值