美文网首页
tabindex, taborder和notab属性的区别

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属性的区别

    tabindex, taborder和notab属性默认状态下,所有元素(隐藏元素除外)都是表单制表(tab)顺序...

  • tabindex属性

    简介 1 .tab键的作用 2 .默认支持切换的元素:这些元素是focusable元素 tabIndex的作用 1...

  • Tabindex

    1、tabindex 属性可以设置键盘中的TAB键在控件中的移动顺序,及焦点的顺序 2、 tabindex 属性值...

  • html tabindex属性

    来源:http://itssh.cn/post/906.html 定义:tabindex 属性规定元素的 tab ...

  • 按Tab键,input元素不获得焦点

    支持 tabindex 属性的元素:a, area, button, input, object, select ...

  • tabindex属性的作用

    tabindex有三个值:0 ,-1, 以及X(X里32767是界点,稍后说明) 原本在Html中,只有链接a和表...

  • 每日一问

    HTML的tabindex是什么属性,它的值分别为0,负,正时代表什么? tabindex指示元素是否可以聚焦,是...

  • div元素focus、blur绑定

    如果要为div元素增加foucs和blur方法监听,需要修改div元素的tabindex属性,设置为-1;

  • tabindex 属性怎么用

    tabindex = -1 时 使用tab键不会获取焦点tabindex默认是0, tabindex大于0时 使用...

  • HTML扩展知识

    1.全局属性 几乎所有元素都具有的属性 1.1 accesskey & tabindex 1.2 id,class...

网友评论

      本文标题:tabindex, taborder和notab属性的区别

      本文链接:https://www.haomeiwen.com/subject/ocqmrttx.html