tabindex, taborder和notab属性的区别
作者:
钎探穗 | 来源:发表于
2016-05-13 15:05 被阅读389次
- tabindex, taborder和notab属性默认状态下,所有元素(隐藏元素除外)都是表单制表(tab)顺序的一部分。当用户按下Tab键时,浏览器会将输入焦点由表单中的这个元素转移到下一个元素上。对大多数浏览器来说,元素的制表顺序和<form>标签中元素的顺序一样。而使用tabindex属性可以改变制表顺序中那些元素的顺序和位置。
- 为了给制表顺序中的某个元素重新定位,将属性中的值设为制表顺序中希望元素所处的位置,第一个元素就是顺序中的第一位。如果确实想改变表单的制表顺序,我们建议网站制作人员在表单的所有元素中都包括tabindex属性,并为每个属性都设置一个适当的值。这样就可以确信将每个元素都明确地放在了制表顺序中,用户在表单中切换时也不会产生任何疑问。
tabindex属性的值是一个正整数,它说明了标签内的内容在文档整个制表顺序中的位置。制表顺序以有显式tabindex值的元素开始,并按照从低到高的数字顺序排列。相同值的标签会按照它们在文档中出现的顺序来决定其在制表顺序中的选择。对于各种表单控件和超链接这样的其他所有可选择的标签来说,这种表格标签会排在最后,并按照它们在文档中出现的顺序获得制表顺序。如果要从制表序列中去掉一个元素,只要将tabindex的值设为0就可以了。当用户按Tab键在表单元素中切换时,这个元素会被忽略。Internet Explorer利用其特有的taborder和notab属性,引入了制表顺序管理的概念。taborder属性与tabindex属性的功能一样,只是notab等于tabindex=0。通常来讲,建议最好采用tabindex属性而不要用taborder.
本文标题:tabindex, taborder和notab属性的区别
本文链接:https://www.haomeiwen.com/subject/ocqmrttx.html
网友评论