标签: tabindex

HTML中是否有任何方法告诉浏览器不允许对特定元素进行选项卡索引？

在我的页面上虽然有一个使用jQuery呈现的sideshow,但是当你选中它时,你会在标签控件移动到页面上的下一个可见链接之前获得大量的标签按下,因为所有被标记的内容都被隐藏到用户视觉上.

tabindexHTML中使用的属性是什么？

在Webkit浏览器中转到这个超简单的小提琴,然后单击输入:

http://jsfiddle.net/eK4TT/

<input type="text">
<input type="text">
<input type="text">
<a href="#">my first link</a>
<a href="#">my second link</a>
<a href="#">my third link</a>

然后,请注意您可以使用Tab键在键盘上浏览输入和链接(和Shift+ Tab以相反的顺序导航).

现在,看看Mac OS上Firefox中的同一个小提琴并做同样的事情.输入获得焦点,但链接不会获得焦点.这不是CSS显示问题.焦点从最后一个输入跳到URL栏.

我tabindex在标记中尝试了无穷无尽的声明组合,但无济于事,例如:

http://jsfiddle.net/eK4TT/1/

到底发生了什么事？我会接受任何答案:

a)在Firefox中工作的小提琴
b)解释Mozilla头脑中究竟发生了什么.它似乎与规范相矛盾.

有没有人知道如果它具有tabindex顺序的焦点,如何禁用或操纵(在大多数浏览器中)dom元素的虚线边框？

我想为聚焦元素构建自己的样式,但使用现有功能会很棒,因为使用tabindex可以将keydown事件绑定到dom元素.

无论如何要从HTML表单的Tab键顺序中排除元素.

所以如果我有以下内容

<input type=text name=username>
<input type=text name=password>
<input type=button name=forgotpassword>
<input type=submit name=login>

我知道我可以使用tabindex作为1,2,3,4,但我不想对所有字段进行编号.我的应用程序是动态创建字段.

谢谢

贾森

tabindex当网页被选项卡时,以0 为单位的元素以什么顺序聚焦？

真的是问题.我在页面上有一个输入框,我想在使用键盘选项卡键导航时忽略它.

我正在使用这个输入框作为一个简单的机器人蜜罐并将其定位在页面之外,因此在使用tab键时,它会向用户显示,当它们选中此元素时没有任何焦点.

请参阅下面的表单HTML代码

<form method="post" action="register">      
    <div class="email">
        Email   <input type="text" tabindex="1" id="email" value="" name="email">                   </div>
    </div>
    <div class="agreement">
        <div tabindex="2" class="terms_radio">
            <div onclick="changeTerm(this);" class="radio" id="terms_radio_wrapper" style="background-position: left 0pt;">
                <input type="radio" id="terms" value="1" name="terms"><label for="terms">I have read and understood the</label>
            </div>
        </div> 
    </div>
    <div class="form_submit">
        <input type="button" tabindex="3" value="Cancel" name="cancel">
        <input type="submit" tabindex="4" value="Submit" name="submit">         
    </div>
</form>

在这里,我设置了协议复选框,使得无线电输入完全隐藏,并且背景图像应用于包装器div,并且包装div的onclick将切换背景图像以及无线电输入的检查状态.

我需要在'terms_radio'DIV上设置tabindex索引,只是tab上的tabindex ="2"属性不起作用,

当光标位于电子邮件输入字段时,是否可以在按TAB时将无线电输入标签上的虚线边框带上？

情况:

我有一个网页打开模态窗口(灯箱),其中包含用户可以输入数据的表单.用户通常使用键盘进行导航,从一个字段切换到下一个字段.

问题:

打开模态窗口时,只有窗口处于活动状态,使用鼠标无法访问页面的其余部分,但可以通过从模式窗口中跳出来访问元素.

题:

如何通过使用选项卡按钮仅限表单窗口中的元素来限制移动？

我唯一能想到的是tabindex=-1在打开模态窗口时使用Javascript设置所有表单元素(和其他可聚焦元素),然后在tabindex关闭模态窗口时将值设置回其先前的值.有更简单/更好的方法吗？

在HTML表单上,我有INPUT文本框,后跟一个链接,然后是另一个INPUT文本框.我想从tabindex/tab顺序中删除链接:

<p>
<input type="text" name="field1" id="field1" value="" />
<a href="..a url.." id="link1">more info</a>
</p>

<p>
<input type="text" name="field2" id="field2" value="" />
</p>

tab顺序是field1,link1,field2,我希望它在tabindex/order中完全没有link1的field1,field2.除了通过tabindex属性重新排序之外,还有什么方法可以完全删除tab1中的link1吗？