首页 相关文章 html教程:用tabIndex轻松实现网页导航

html教程:用tabIndex轻松实现网页导航

  最近,当我在一个网站上输入表格数据时,我填写了一栏,并点击[Tab]键移到下一栏;当我抬头时,我惊奇的发现光标跳到页面下方的另一栏中。我用鼠标将光标移到正确的文本栏中,但不久[Tab]键又再次出现问题。这一情形使我想了解一下页面设计,以及tabIndex属性如何通过键盘帮助导航。

  通过[Tab]键访问元素

  HTML DOM tabIndex特性允许你设置或返回一个HTML元素的tab键顺序。IE 4.0最先支持此特性。起初,只有真正可通过[Tab]键访问的元素受到支持,如输入栏、链接等。如今,所有的网络浏览器,以及页面上显示的所有元素都支持此特性。在应用它之前,你可以双击HTML规范保证某个元素支持此特性。

  tabIndex特性

  应用tabIndex特性是一个简单而又直接的过程。例如,下面的HTML源代码将tabIndex值1赋值给输入栏,它是tab顺序的第一栏:

  input id="idfname" name="firstName" tabindex="1" /

  如果最初选择了[Tab]键,带这个输入栏的网页会将光标移动到firstName栏。

  在给tabInd...[ 查看全文 ]

2016-02-19 标签:

html教程:用tabIndex轻松实现网页导航的相关文章

手机页面
收藏网站 回到头部