html tabindex属性

作者: 圆梦人生 | 来源:发表于2016-09-29 17:03 被阅读32次

来源:http://itssh.cn/post/906.html

定义:tabindex 属性规定元素的 tab 键控制次序(当 tab 键用于导航时)。
浏览器支持:几乎所有浏览器均 tabindex 属性,除了 Safari。

以下元素支持 tabindex 属性:<a>, <area>, <button>, <input>, <object>, <select> 以及 <textarea>。

属性值:number ,规定元素的 tab 键控制次序(1 是第一个),当赋值为-1时,忽略此元素。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>tabindex案例</title>
    <!-- 
        @author:SM
        @email:sm0210@qq.com
        @desc:html tabindex案例
     -->
</head>
<body>
    <h1>按下键盘tab看效果:</h1><br/>
    <input type="text" name="txt1" tabindex="2" value="顺序2"/> <br/><br/>
    <input type="text" name="txt2" tabindex="3" value="顺序3"/> <br/><br/>
    <input type="text" name="txt3" tabindex="1" value="顺序1"/> <br/><br/>
    <input type="text" name="txt4" tabindex="-1" value="被忽略"/> 
</body>
</html>

来源:http://itssh.cn/post/906.html

相关文章

  • html tabindex属性

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

  • 每日一问

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

  • tabindex属性

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

  • Tabindex

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

  • 如何控制表单 input tab键切换的顺序

    在Html代码中有一个键盘属性——tabindex,它可以设置访问者在页面中按tab键的顺序。

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

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

  • onload事件和html5-tabindex属性

    1.onload事件属于window对象,作用是等全部标签对象加载完再执行js代码。 例:window.onloa...

  • tabindex属性的作用

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

  • tabindex 属性怎么用

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

  • HTML扩展知识

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

网友评论

    本文标题:html tabindex属性

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